HTML 5 폼 예제

<form method=post>
	<fieldset>
		<ol>
			<li style=height:30px;>
				<label for=username>   </label>
				<input name=username required autofocus type=text pattern=[a-zA-Z0-9]{6,16}><font color=red>*</font>
			</li>
			<li style=height:30px;>
				<label for=uemail> 　 </label>
				<input name=uemail [email protected] required type=email><font color=red>*</font>
			</li>
			<li style=height:30px;>
				<label for=upwd> 　 </label>
				<input name=upwd placeholder=      required type=password><font color=red>*</font>
			</li>
			<li style=height:30px;>
				<label for=age> 　 </label>
				<input type=text id=agetext name=agetext size=3>
				<input name=age min=18 max=60 value=20 type=range onchange=checkAge(this);>
				<span id=agev>  18  </span>
			</li>
			<li style=height:30px;>
				<label for=age2> 　 </label>
				<input name=age2 min=18 max=60 placeholder=   type=number>
			</li>
			<li style=height:30px;>
				<label for=tel> 　 </label>
				<input type=tel name=tel>
			</li>
			
			<li style=height:30px;>
				<label for=birthday> 　 </label>
				<input name=birthday type=date>
			</li>
			<li style=height:30px;>
				<label for=birthday> 　 </label>
				<input name=birthday type=datetime>
			</li>
			<li style=height:30px;>
				<label for=month> 　 </label>
				<input name=month type=month>
			</li>
			<li style=height:30px;>
				<label for=month> 　 </label>
				<input name=month type=week>
			</li>
			<li style=height:30px;>
				<label for=htturl> 　 </label>
				<input name=htturl type=url>
			</li>
			<li style=height:30px;>
				<label for=bgcol> 　 </label>
				<input name=bgcol type=color>
			</li>
			<li style=height:30px;>
				<label for=search> 　 </label>
				<input name=search type=search results=s>
			</li>
			<li style=height:30px;>
				<label for=list> 　 </label>
				<input name=list type=text list=searchlist>
				<datalist id=searchlist>
					<option label=a value= >
					<option label=b value= >
					<option label=c value= >
				</datalist>
			</li>
			
		</ol>
	</fieldset>
	<div>
		<input type=submit value=  >
	</div>
</form>