Html5 input表单更新

Html提供了不少新的表单输入类型

  • email IE不支持 输入域必须包括e-mail的地址,在提交表单时,会自动验证email域的值;
  • url 输入域是包含URL地址
  • number 用于应该包含数值的输入域:能够设置min和max,step,number ;
  • range 用于应该包含必定范围内数字值得输入域,类型为滑动条
  • Date pickers 日期选择
  • search 用于搜索域,好比站点搜索或google搜索
  • color

新的表单元素

  • datalist 规定输入域的选项列表,在实现选择框的时候很强大 只兼容Oprea
  • keygen
  • output

新的form属性

  • autocomplete
  • novalidate 属性规定在提交表单时不该该验证 form 或 input 域。

新的input属性

  • autocomplete 各浏览器支持性良好 规定input域应该有自动完成功能;
  • autofocus 规定页面在加载的时候,域自动得得到焦点,意思就是页面一加载完成,光标|会自动定位到框中,等待输入;不支持IE和FF;
  • form 规定所属表单,可能没有写在form中,可是仍属于该form;
  • overrides
  • height和width 各浏览器支持性良好
  • list
  • min,max和step
  • multiple
  • pattern 规定用于验证 input 域的模式
  • placeholder
  • required 属性规定必须在提交以前填写输入域
相关文章
相关标签/搜索