增强的表单Form功能

所有元素必须放到表单form中或者指定form属性

新增属性

1. 表单内部，可省略form属性
2. formaction属性，指定不用的提交页面
3. formmethod属性，指定表单提交的方式。post/get
4. formenctype，指定表单提交内容的编码方式
5. formtarget，表单提交后在何处打开新页面。_blank/_self/_top/_parent/指定frame名称
6. autofocus，为某个元素自动获取焦点的功能
7. required属性，表示表单内该元素的值时必填的，若在提交时未填，会有提示信息弹出
8. labels属性，貌似是绑定一个label元素和表单元素之间的关系【意义不明】
9. label的control属性可以通过JS语言调用，获取其内部的表单元素【意义不明】
10. placeholder属性为input元素设置输入提示，可以通过css来自定义其样式
11. list属性为input元素设置已经在datalist元素中的后选值，可用作输入建议功能
12. autocomplete 是否让浏览器自动记录input之前输入的值，可实现list属性效果。on/off/''
13. pattern属性可以在表单提交时对input的值进行正则验证，不通过会有提示信息弹【出未输入内容会匹配？】
14. selectionDirection属性可以通过JS获取input或textarea的选中或者未选中的内容
15. indeterminate可以通过JS来设置CheckBox的第三种状态：“未知选中结果”
16. maxlength可以指定textarea元素的最大长度
17. wrap可以设置textarea的换行属性，通过cols属性指定每行最大长度，提交表单时会有一个换行符

input新增的type属性

1. search 外观和普通input不同，右侧会有一个清空的按钮
2. url url，以http://开头，在表单提交时验证
3. tel 输入电话号，类似普通input，没有内容限制，在移动设备会触发数字键盘
4. email 输入email，必须要有@，在表单提交时验证，设置multiple可是输入多个逗号分隔的email
5. ** datetime,date,month,week,time,datetime-local** 兼容性不好，chrome只支持date
6. number 只许输入数字，可以指定最大最小值。在移动设备会触发数字键盘。外观和普通input不同，右侧会有一个数字选择的按钮
7. range 无输入框，是一个滑动条，可以指定最大最小值
8. color 无输入框，是一个颜色选择器，value格式为#000000类型
   以上规则在输入框为空时不做验证

表单验证

可以在form上使用novalidate来关闭整个表单验证
对input元素使用formnovalidate可以关闭该input的验证
对input[type=submit]元素使用formnovalidate可以关闭整个表单的验证
可以在form的onsubmit属性上添加显示验证功能。onsubmit="return valitate()"

    
    



    
    

        
        
        
        
 不同格式的input