zoukankan      html  css  js  c++  java
  • 认识表单元素

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

  • 相关阅读:
    TCP/IP学习笔记:组播
    使用WITH AS 优化SQL
    帮盖尔优化SQL子查询优化的经典案例
    帮盖尔优化SQL
    子查询里面有树形查询,子查询选择使用in/exists需要特别留意
    [Linux] 服务器性能调优(CPU绑定)
    TCP/IP学习笔记:RIP
    TCP/IP学习笔记:路由与BGP
    利用Merge代替复杂的UPDATE语句
    android开机启动流程说明
  • 原文地址:https://www.cnblogs.com/jiangwenjie/p/5724779.html
Copyright © 2011-2022 走看看