Html5 input表单更新

那年仲夏 提交于 2020-02-29 08:34:15

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 属性规定必须在提交之前填写输入域
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!