All types of HTML5 forms, html5 form types

All types of HTML5 forms, html5 form types

 

1. button: defines the clickable button (usually used with JavaScript to start the script ). <Br/>
<Input id = "" type = "button" name = "" value = "button"/> <br/>
<Br/>


2. checkbox: Define the check box. <Br/>
<Input id = "" type = "checkbox" name = ""/> male <br/>
<Input id = "" type = "checkbox" name = "" checked = "checked"/> female <br/>
<Br/>

3. cancel: cancels the submit submission. <Br/>
<Input id = "" type = "cancel" name = ""/> <br/>
<Br/>

4. color: defines the color picker. <Br/>
<Input id = "" type = "color" name = ""/> <br/>
<Br/>


5. date: defines the date control (including year, month, and day, excluding time ). <Br/>
<Input id = "" type = "date" name = ""/> <br/>
<Br/>


6. datetime: defines the date and time controls (including the year, month, day, hour, minute, second, and minute second, based on the UTC time zone ). </P>
<Form action = ""> birthday (date and time ): <input id = "" type = "datetime" name = ""/> <input id = "" type = "submit" name = "" value = "submit"/> </form>
<P> <br/>
<Br/>


7. datetime-local: defines the date and time controls (including the year, month, day, hour, minute, second, and minute second without the time zone ). <Br/>
<Input id = "" type = "datetime-local" name = ""/> <br/>
<Br/>


8. month: defines the month and year controls (without the time zone ). <Br/>
<Input id = "" type = "month" name = ""/> <br/>
<Br/>


9. week: defines the week and year controls (without the time zone ). <Br/>
<Input id = "" type = "week" name = ""/> <br/>
<Br/>

10. time: defines the control used to input time (without the time zone ). <Br/>
<Input id = "" type = "time" name = ""/> <br/>
<Br/>

11. email: defines the fields used for the e-mail address. </P>
<Form action = ""> </form>
<P> E-mail: <input id = "" type = "email" name = ""/> <br/>
<Br/>


12. file: defines the file selection field and the "Browse..." button for file upload. <Br/>
<Input id = "" type = "file" name = ""/> <br/>
<Br/>


13. hidden: defines hidden input fields. <Br/>
<Input id = "" type = "hidden" name = ""/> <br/>
<Br/>


14. image: Define the image as the submit button. <Br/>
<Input id = "" type = "image" name = ""/> <br/>
<Br/>


15. number: defines the fields used to enter numbers. <Br/>
<Input id = "" type = "number" name = ""/> <br/>
<Br/>


16. password: defines the password field (the characters in the field will be masked ). <Br/>
<Input id = "" type = "password" name = ""/> <br/>
<Br/>

17. radio: Define the radio button. <Br/>
<Input id = "" type = "radio" name = ""/> male <br/>
<Input id = "" type = "radio" name = "" checked = "checked"/> female <br/>
<Br/>


18. range: defines controls (such as the slider Control) used to input numbers that are not important to exact values ). <Br/>
<Input id = "" type = "range" name = ""/> <br/>
<Br/>


19. reset: defines the reset button (reset all form values to the default value ). <Br/>
<Input id = "" type = "reset" name = ""/> <br/>
<Br/>


20. search: defines the text fields used to enter the search string. <Br/>
<Input id = "" type = "search" name = ""/> <br/>
<Br/>


21. submit: Define the submit button. <Br/>
<Input id = "" type = "submit" name = "" value = "submit"/> <br/>
<Br/>


22. tel: defines the field used to enter the phone number. <Br/>
Input phone number: <input id = "" type = "tel" name = ""/> <br/>
<Br/>


23. text: default. Defines the text field of a single line (the default width is 20 characters ). <Br/>
<Input id = "" type = "text" name = ""/> <br/>
<Br/>


24. url: defines the fields used to enter the URL. <Br/>
Add your homepage: <input id = "" type = "url" name = "/> </p>

 

 

Reprinted: http://www.cnblogs.com/dadayang/p/5749068.html