H5表单控件

这是一篇关于H5表单控件的思维导图。

H5表单控件

• input:email 邮箱输入框
  • 当提交时会判断值是否为email
  • 邮箱格式：[e-mail]
  • qq邮箱，网易163邮箱，谷歌gmail邮箱，微软outlook邮箱
• input:number 数字输入框
  • 特点：会出现两个调整数字的小按钮
  • min属性：规定可选的最小值
  • max属性：规定可选的最大值
  • step：步长，规定每次增长的数量
  • value:默认值
• input:url 链接输入框
  • 输入框的值必须携带http://和https://
• input:color 选择颜色控件
  • value的值是16进制颜色
• input:search 搜索框
  • 输入好文本之后，右侧会出现小叉号，点击以后清空文本
• 时间日期控件
  • input:date 年月日
  • input:month 年月
  • input:week 年周
  • input:time 小时分钟
  • datetime 日期时间
  • datetime-local 本地日期时间
• input:tel 唤起手机数字小键盘
  • 不要认为它是验证手机号码
• input:range 滑块
  • min属性：规定可选的最小值
  • max属性：规定可选的最大值
  • step：步长，规定每次增长的数量
  • value:默认值
• datalist控件
  • 配合搜索框使用
  • 特点：有自动补全功能，模糊搜索功能
  • 用法：设置id属性，搜索框绑定list属性
• output 表单中计算结果
  • 比如计算：商品打折后的价格
• optgroup(select组件分组)
  • label 分组名称
  • disabled 不可选
• fieldset 将相关联的字段分组
  • legend 分组名称