通过阅读《写给Web开发人员的HTML5教程》这一本书,学到了很多,也感到自身的不足,对于表单也有了一些新的认识,在HTML5中新增了一些表单元素,有些对于新手来说用处不大,有些则改善了以前要通过很繁琐的操作才能实现的功能,有些则使表单跟赏心悦目了,以下就是我学习到的HTML5中表单的新元素:
form表单里新的元素
1.meter
元素meter用于显示度量;
写法为:<meter value=""></meter>,其中value是必需属性。
2.progress
元素progress与元素meter类似,不过是用于显示任务进程;
写法为:<progress value="" max="" id=""></progress>
要注意的是元素progress要结合函数来运行。
3.datalist
元素datalist选项列表,可以在任意的input元素上添加datalist元素来显示选项;
写法为:<datalist id="">
<option value=""></option>
</datalist>
注意:要在input元素上写上list属性,datalist元素的ID属性与input元素的list属性对应。
4.keygen
元素keygun用于处理密钥,可是使用十分复杂,并且用处不大。
写法:<keygun keytype="" challenge="">
5.output
元素output表示计算结果,通过网页上的输入字段进行计算并显示结果;
写法:<output id="" for=""></output>
注意output的使用也是要与函数结合,for属性决定将哪些字段添加到计算中。