HTML5新增属性

1.公共属性

• 也就是任意元素都能使用的属性
• hidden属性（重点理解）
  • 用来显示或者隐藏一个元素
  • 隐藏的话相当于删除了这个元素，不占用原始位置，后面的元素进行填充
• draggable属性（重点理解）
  • 定义某一个元素是否能被拖动
  • 注意：
    • 只是是否能被拖动，而不能拖到别的位置，如果想达到拖到别的位置的效果，我们还需要搭配JS来完成
• contenteditable属性
  • 定义某个元素的内容是否可以被编辑
• data-*属性（在实际开发中用得非常多）
  • 实现元素的自定义属性
  • JS可以根据dataset属性来获取DOM元素的自定义属性
  • 在JS获取data-*属性的值时，要注意格式
    • 如果是data-xxx格式，则应该写成obj.dataset.xxx，例如,data-color，我们获取该自定义属性的格式为obj.dataset.color
    • 如果是data-xxx-yyy，则应该写成obj.dataset.xxxYyy，也就是利用驼峰命名来获取该自定义属性

2.input元素的新增属性

• 不是任意元素都能使用的属性，而是只针对input元素
• autocomplete
  • 该新增属性来实现文本框的自动提示功能
  • 属性值为 on 或 off
  • 该属性一般都要搭配datalist属性来实现自动提示功能
  • 适用于所有文本框型的input元素
• autofocus
  • 网页一打开就自动获取焦点（HTML5没出来之前都是由JS的focus()函数来完成的）
  • 适用于所有文本框型的input元素
• placeholder
  • 为文本框添加提示内容
  • 适用于所有文本框型的input元素
• required
  • 定义文本输入框不能为空，如果为空，则不能进行提交
  • 适用于所有文本框型的input元素
• pattern
  • 为文本框添加验证功能
  • 验证条件需要正则表达式来完成条件的书写
  • 适用于所有文本框型的input元素

3.form元素的新增属性

• novalidate属性
  • 禁用form元素的所有文本框内置的验证功能
  • 例如，url、email、tel等文本框有自带的验证功能