H5 表单

Posted jialaoshizaixianjiaoxue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5 表单相关的知识,希望对你有一定的参考价值。

  1. input中的type类型
    1. text  普通的文本输入框
    2. password  密码的输入框 输入不可见
    3. submit   提交按钮 点击后将表单中的内容提交
    4. email  输入的必须是一个email地址否则在提交时会警告
    5. tel  输入必须是电话号码
    6. url  输入必须是网址 
    7. search 搜索引擎   在谷歌浏览器下输入后会有关闭按钮
    8. range  特定范围的数值选择器 由 max min step value控制
      1. max  规定最大值
      2. min  规定最小值
      3. step  规定总步数
      4. value  规定起始值

      9.number  输入框中这能输入数字

      10.color  点击后可以选择颜色

      11.time   显示时间不含有时区

      12.data   显示日期

      13.week  显示周

      14mouth  显示月

   2.新增属性

    1.placeholder    提示输入信息

    2.autocomplete    是否记录输入值   默认为on     

    3.autofocus  自动聚焦  每次页面展示出来时将输入光标固定显示在该输入框

    4.required  代表此项必填不能为空

    5.pattern   正则 其属性值是正则语句

    6.formaction   在提交按钮中设置提交地址(只有在Opera浏览器下才起作用

以上是关于H5 表单的主要内容,如果未能解决你的问题,请参考以下文章

H5核心技术---H5新增的表单属性与控件

H5表单验证

H5新增form控件和表单属性

h5标签基础 表单form

H5:使用formData对象模拟表单

H5表单新增元素和属性