17.HTML5新增表单类型和属性

• 新增type类型
  Type=“email” 限制用户必须输入email类型
  Type=“url” 限制用户必须输入url类型
  Type=“range” 产生一个滑动条表单
  Type=“number”
  Type=“search” 产生一个搜索意义的表单
  Type=“color” 生成一个颜色选择的表单
  Type=“time” 限制用户必须输入时间类型
  Type=“month” 限制用户必须输入月类型
  Type=“week” 限制用户必须输入周类型
  Type=“datetime-local” 选取本地时间
  type=”date”

• 新增表单属性
  required 监测是否为空。
  min 最小
  max 最大
  step 步幅 确定一个法定值。 -3 0 3 6 9
  list 必须结合datalist标签，绑定datalist id名称。
  autocomplete 是否自动提示信息 属性值 on off
  placeholder 文本框的提示信息
  autofocus 自动聚焦。一个页面只能由一个。
  pattern 后面的属性值是一个正则表达式。
  novalidate 取消验证
  multiple 选择（上传）多个

• 新增表单标签

  • output

  <form action="" oninput="x.value=parseInt(a.value)+parseInt(b.value)">
  	<input id="a" type="range" min="0" max="100">100+
  	<input id="b" type="text" value="50">=
  	<output name="x" for="a b"></output>
  </form>
  

  • datalist 必须和list属性结合使用。做提示信息。

  <input type="url"     list="url_list"    name="link" />
  <datalist    id="url_list"> 
      <option label="W3School" value="http://www.W3School.com.cn" /> 
      <option label="Google" value="http://www.google.com" /> 
      <option label="Microsoft" value="http://www.microsoft.com" /> 
  </datalist>