• 认识表单元素


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

  • 相关阅读:
    webpack 5 之持久化缓存
    前端资源加载失败优化
    如何用 JS 实现二叉堆
    简单解析一下扫码登陆原理,简单到你想不到!
    实战:Express 模拟 CSRF 攻击
    Yarn 的 Plug&#39;n&#39;Play 特性
    为什么现在我更推荐 pnpm 而不是 npm/yarn?
    小米3移动版刷安卓6.0-小米手机3 移动版 Flyme 6.7.11.24R beta
    小米5手机最后一版安卓6.0 MIUI8 6.11.10 小米5s手机最后一版安卓6.0 MIUI8 7.6.8
    vim格式转换
  • 原文地址:https://www.cnblogs.com/jiangwenjie/p/5724779.html
Copyright © 2020-2023  润新知