认识表单元素

 　　通过阅读《写给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