html5- 新增常用属性

1.HTML5常用属性

1）contentEditable
将标签转换为可编辑状态。可用于所有标签。它的值有true/false。

 <!-- 1）contentEditable -->
<p contentEditable="true">contentEditable</p>

2）hidden
对元素进行隐藏。一般用来传值或当某个条件成立，执行内容显示。默认值为hidden。

<!-- 2）hidden -->
<div class="box">box1</div>
<div class="box" hidden>box2</div>
<div class="box">box3</div>

3）data-*
用于存储页面或应用程序的私有自定义数据。一般用于传值。

<!-- 3）data-* -->
<p data-id = "0001">123456</p>

4）multiple
规定输入域中可选择多个内容。用于表单组件中，如file/select。

<!-- 4）multiple -->
<select multiple>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
</select>

5）required
约束表单元互在提交前必须输入值。用于表单组件中，需要结合提交按钮使用。

<!-- 5）required -->
<form action="#">
	 <input type="text" placeholder="请输入用户名" required><br />
	 <input type="email" placeholder="请输入邮箱"><br />
	 <input type="submit">
</form>

6）pattern
用于验证输入字段的模式。