HTML5新增表单元素和属性

HTML5表单

新增表单元素

1. progress 表示任务完成的情况
   max，value

2. output表示用户动作产生的结果
   name，for

3. meter元素表示规定范围内的数量值。
   value，min，max，low，high，
   optimum 最佳值：
   如果optimum<low，value越低越好
   value<low，是绿色
   low<=value<=high，是黄色
   value>high，是红色
   如果low<=optimum<=high，或者没有optimum，value在中间最好
   low<=value<=high，是绿色，其他为黄色
   如果optimum>high，value越高越好 ü value<low，是红色
   low<=value<=high，是黄色
   value>high，是绿色

4. datalist表示其他可控件可用的值，其值通过作为datalist的子元素存在

5. 与select的option的对比:

如果在option标签内部写了内容的话，点击option之后，datalist显示的是option的
value，select那边显示的是option的元素内容。
数据提交都提交的是option的value值
datalist在火狐和谷歌上显示的区别，火狐上只显示内容，谷歌上显示value跟内容

新增表单属性

1. 在H5中，对input的type属性进行了扩展

number，range，search，tel，url，email，color，date，time，datetime-local，month，week

1. 2.form
2. formaction
3. formenctype
4. formmethod
5. formnovalidate
6. formtarget
7. autofocus
8. list
9. max/min
10. placeholder
11. parrtern
12. required