1. 程式人生 > >jquery mobile 表單輸入

jquery mobile 表單輸入

<div data-role="content">
		<form method="post" action="${ctx}/mes/mobile/outtestSave">
	        <div data-role="fieldcontain" style="display:inline-flex;">
		        <label for="fullname"><b>全名:</b></label>
		        <input type="text" name="fullname" id="fullname">   
	        </div>
	        <div data-role="fieldcontain" style="display:inline-flex;">
		        <label for="bday">生日:</label>
		        <input type="date" name="bday" id="bday">
		</div>
		<div data-role="fieldcontain" style="display:inline-flex;">    
		        <label for="email">電郵:</label>
		        <input type="email" name="email" id="email" placeholder="您的郵箱地址..">
	        </div>
	        <fieldset data-role="controlgroup" data-type="horizontal">
	      		<legend>請選擇您的性別:</legend>
		        <label for="male">男性</label>
		        <input type="radio" name="gender" id="male" value="male" checked>
		        <label for="female">女性</label>
		        <input type="radio" name="gender" id="female" value="female"> 
	      	</fieldset>
	      	
	      	<div data-role="fieldcontain">    
		        <label for="materialName-1"></label>
			<span>
				<select name="materialName" id="materialName-1" onchange="">
					<option value="1">The 1st Option</option>
					 <option value="2">The 2nd Option</option>
					<option value="3">The 3rd Option</option>
					 <option value="4">The 4th Option</option>
				 </select>
    			</span>
	        </div>
	        <input type="submit" data-inline="true" value="提交">
		</form>
	</div>