认识表单元素

   通过阅读《写给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属性决定将哪些字段添加到计算中。

原文地址:https://www.cnblogs.com/jiangwenjie/p/5724779.html