HTML5 Smart Form

1: Form form for easy typesetting
HTML5 in order to facilitate the layout, you can make form label from form nested.
Method: The form specifies the ID, and all label tags are added with the form= id attribute.
For example:
<form action= "" method= "POST" id= "register" ></form>
<input type= "text" name= "user" value= "form=" register "/>
<input type= "password" name= "pwd" value= "" form= "register"/>


2:form New Type
Type = "Email" Mailbox (self-formatted check)
Type = "url" url, must be with protocol (self-formatted check)
Type = "Date" Day selector
Type = "Time" Time Picker
Type = "Month" Month Selector
Type = "Week" Week Selector
Type = "Number" digital selector
Type = "Range" Slide Bar
Max Property
Step property (validation legitimacy) step= "2", for example starting from 0, can only select 0-2-4-6-8
Type = "Search" Search box
Results= "N" is available in Google Chrome and displays the search icon.
Type = "Color" Color Picker


3: New Form Properties
Required= "required" setting required
placeholder = "I am the default" setting the default value and will not be submitted to the background
Autofocus = "Autofocus" Auto focus
Pattern= "\d{3}" custom Regular expression




4: Auto-populate form
<input type= "text" name= "Auto" value= "" list= "movie"/>
<datalist id= "movie" >
<option> people in the embarrassing way </option>
<option> cars in the embarrassing </option>
<option> Thai Embarrassment </option>
</datalist>

5:output Label


<form action= "" method= "POST"
Oninput= "Result.value=parseint (no1.value) +parseint (no2.value)" >
<input type= "number" Name= "No1" value= "/>
<input type= "number" name= "NO2" value= "/>
<output name= "Result" ></output>
</form>

HTML5 Smart Form