HTML5新增属性

1、HTML5新增属性

1）data-*属性

data-*属性用于自定义属性，所谓data-*实际上是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。

data-*设置在HTML标签上，页面中不显示任何数据，只能通过JavaScript的方式来获取数据。

<div data-name="新增标签" data-info="data-前缀加上自定义的属性名"></div>

2）hidden属性

hidden属性用于隐藏HTML标签与CSS的display属性值为none的效果相似，但它是通过属性隐藏，而不是样式隐藏。

3）spellcheck属性

spellcheck属性规定是否对元素内容进行拼写检查。当输入的单词错误时，会出现下划线提示信息。

4）contenteditable属性

contenteditable属性规定是否可编辑元素的内容。设置contenteditable属性的HTML标签元素，当单击时可以进行文本编辑操作，与输入框的效果类似。

 

2、HTML5新的表单属性

1）form元素的新增属性

form元素的新增属性

属性	具体描述
autocomplete	规定表单中的元素是否具有自动完成功能。所谓自动完成功能，就是表单会记忆用户在表单元素中输入数据的历史记录。下次输入时会根据用户输入的字头提示匹配的历史数据，帮助用户完成输入。 autocomplete="on"表示启用自动完成功能；autocomplete="off"表示停用自动完成功能。例如： <form action="" method="post" autocomplete="on">
novalidate	规定在提交表单时不验证数据。

2）input元素的新增属性

input元素的新增属性

属性	具体描述
autocomplete	规定表单中的元素是否具有自动完成功能。所谓自动完成功能，就是表单会记忆用户在表单元素中输入数据的历史记录。下次输入时会根据用户输入的字头提示匹配的历史数据，帮助用户完成输入。 autocomplete="on"表示启用自动完成功能；autocomplete="off"表示停用自动完成功能。
autofocus	规定在页面加载时，域自动获得焦点。
form	规定输入域所属的一个或多个表单。这样就可以在表单的外面定义表单域了。
表单重写属性	重写form元素的以下属性。 formaction：重写表单的action属性 formenctype：重写表单的enctype属性 formmethod：重写表单的method属性 formnovalidate：重写表单的novalidate属性。 formtarget：重写表单的target属性。 表单重写属性通常只用于submit类型的<input>标签。
height和width	规定用于image类型的input标签的图像高度和宽度
list	规定输入域的datalist。datalist是输入域的选项列表。
min、max和step属性	为包含数字或日期的input类型规定限制。 max属性规定输入域允许的最大值。 min属性规定输入域允许的最小值。 step属性为输入域规定合法的数字间隔（如果step="2"，则合法的数是-2、0、2、4、6等）。
multiple	规定输入域中可选择多个值，适用于email和file类型的<input>标签
novalidate	规定在提交表单时不验证数据。
pattern	规定用于验证input域的模式，模式（pattern）是正则表达式。
placeholder	提供一种提示（hint），描述输入域期待的值。
required	规定必须在提交之前填写输入域，即不能为空。