表单type新属性及h5新增表单属性

表单type新属性

• type=“email”：
  • 限制用户输入为邮箱（必须包含@符号，并且@前后内容不为空）
• type=“url”
  • 限制用户输入为url地址（必须包含http或者https）
• type=“number”
  • 限制用户输入为数字
  • <input type="number" value="1" min="1" max="30" step="2">
  • value为默认值，max为最大值，min为最小值，step为每次递增递减的值
• type=“range”
  • 产生滑动条效果
• type=“color”
  • 产生一个选择颜色的面板
• type=“date”
  • 产生一个选择日期的面板
• type=“time”
  • 产生一个选择时间的面板
• type=“month”
  • 产生一个选择年月的面板
• type=“week”
  • 选择某一段日期，作为这一年的第几周

h5新增表单属性

• required： 限制用户输入为必填项，不能为空
• placeholder： 默认提示信息placeholder=“默认提示信息”
• autofocus: 页面加载完后自动聚焦到某个输入框
• pattern: 按照指定的正则表达式输入内容
• list: 指定一个dataList作为下拉提示
  list的属性值必须和datalist的id名字一致
  eg：

  <input type="search" list="data">
  <datalist id="data">
  	<option>哈哈哈</option>
  </datalist>