Html5 input表单更新

为什么80%的码农都做不了架构师？>>>   

Html提供了很多新的表单输入类型

• email IE不支持 输入域必须包括e-mail的地址，在提交表单时，会自动验证email域的值；
• url 输入域是包含URL地址
• number 用于应该包含数值的输入域：可以设置min和max,step，number ；
• range 用于应该包含一定范围内数字值得输入域，类型为滑动条
• Date pickers 日期选择
• search 用于搜索域，比如站点搜索或google搜索
• color

新的表单元素

• datalist 规定输入域的选项列表，在实现选择框的时候很强大 只兼容Oprea
• keygen
• output

新的form属性

• autocomplete
• novalidate 属性规定在提交表单时不应该验证 form 或 input 域。

新的input属性

• autocomplete 各浏览器支持性良好 规定input域应该有自动完成功能；
• autofocus 规定页面在加载的时候，域自动得获得焦点，意思就是页面一加载完成，光标|会自动定位到框中，等待输入；不支持IE和FF；
• form 规定所属表单，可能没有写在form中，但是仍属于该form;
• overrides
• height和width 各浏览器支持性良好
• list
• min,max和step
• multiple
• pattern 规定用于验证 input 域的模式
• placeholder
• required 属性规定必须在提交之前填写输入域

转载于:https://my.oschina.net/hyzccc/blog/1939602