HTML5表单
新增表单元素
-
progress 表示任务完成的情况
max,value -
output表示用户动作产生的结果
name,for -
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,是绿色 -
datalist表示其他可控件可用的值,其值通过作为datalist的子元素存在
-
与select的option的对比:
如果在option标签内部写了内容的话,点击option之后,datalist显示的是option的
value,select那边显示的是option的元素内容。
数据提交都提交的是option的value值
datalist在火狐和谷歌上显示的区别,火狐上只显示内容,谷歌上显示value跟内容
新增表单属性
- 在H5中,对input的type属性进行了扩展
number,range,search,tel,url,email,color,date,time,datetime-local,month,week
- 2.form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- autofocus
- list
- max/min
- placeholder
- parrtern
- required