HTML5自学笔记[ 2 ]新增表单控件和表单属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5自学笔记[ 2 ]新增表单控件和表单属性相关的知识,希望对你有一定的参考价值。

  1. 新增<input>属性type="email",自动验证,若输入不为邮箱,则不能提交。
  2. 新增<input>属性type="tel",在移动端切换到数字键盘,其他无变化。
  3. 新增<input>属性type="url",自动验证,若输入不为url,则不能提交。
  4. 新增<input>属性type="search",输入框内显示删除文本按钮,其他无变化。
  5. 新增<input>属性type="range",属性step代表每次改变范围,属性value代表当前值,属性max和min设置最大最小值。
  6. 新增<input>属性type="number",提供加减按钮控制数字大小。
  7. 新增<input>属性type="color",提供颜色选择面板。
  8. 新增<input>属性type="datetime",显示完整日期,显示的是UTC世界标准时间。
  9. 新增<input>属性type="datetime-local",显示完整日期,不是UTC。
  10. 新增<input>属性type="time",提供选择时分秒的按钮。
  11. 新增<input>属性type="date",提供选择年月日面板。
  12. 新增<input>属性type="week",选择一年中的周。
  13. 新增<input>属性type="month",选择一年中的月份。
  14. 新增属性maxlength,设置文本框最大输入字符数。
  15. 新增属性placeholder,占位符。
  16. 新增属性autocomplete,是否保存用户输入值,on为打开,off为关闭。
  17. 新增属性autofocus,自动获取焦点。
  18. 新增属性required,必须填写。
  19. 新增属性pattern,正则校验。
  20. 新增属性formaction,单独设置提交地址。
  21. 新增属性formnovalidate:关闭验证,常与formaction配合使用,如保存至草稿箱时就不用验证。

以上是关于HTML5自学笔记[ 2 ]新增表单控件和表单属性的主要内容,如果未能解决你的问题,请参考以下文章

[html5] 学习笔记-表单新增的元素与属性(续)

[html5] 学习笔记-表单新增元素与属性

H5核心技术---H5新增的表单属性与控件

HTML5新增的form属性简介——张鑫旭

HTML5都有哪些新的表单属性

任何浏览器都能支持html5中新的表单控件