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

Posted 2020-06-08

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配合使用，如保存至草稿箱时就不用验证。