Form & amp; input,

Form & input,

1 <form action =" http://www.baidu.com "Method =" post "autocomplete =" on "style =" width: 300px; padding: 20px 20px; "> 2 <fieldset name =" basic "> 3 <legend> basic Information </legend> 4 User name: <input type = "text" name = "name" id = "username" autofocus placeholder = "Enter your username"/> <p> 5. Password: <input type = "password" name = "password" id = "password" placeholder = "enter the password" autocomplete = "off"/> <p> 6 blood type: <input type = "text" name = "xuexing" list = "xx"/> <p> 7. Date of birth: <input type = "date" name = "birthday"/> <p> 8 mail: <input type = "email" name = "email"/> <p> 9 favorite colors: <input type = "color" name = "color"/> <p> 10 the week of today: <input type = "week" name = "week"/> <p> 11 today is the month: <input type = "month" name = "month"/> <p> 12. Favorite number: <input type = "number" name = "number" max = "9" min = "0" step = "1"/> <p> 13 <input type = "submit" name = "OK" id = "OK" value = "Submit"> & nbsp; & nbsp; 14 <input type = "reset" name = "reset" id = "reset" value = "reset"> 15 </fieldset> 16 <datalist id = "xx"> 17 <option value = "A"> A </option> 18 <option value = "B"> B </option> 19 <option value = "AB"> AB </option> 20 <option value = "O"> O </option> 21 <option value = "T"> special blood type </option> 22 </datalist> 23 </form>

New Form attributes in H5: autofocus (get focus), placeholder (give prompt information), list (similar to the drop-down list), autocomplete (if there is a record, the record information will automatically appear) input element: color (color selector) date (date selector) time (time selector) datetime-local (local time date selector) week (week) month (month) email (email input box) url (URL input box) tel (only phone number input box can be entered) range (drag) search (search Keyword text box) number (value input box) after the experiment, the Internet Explorer on the computer is basically not supported. Firefox supports color date email number. Below is: