HTML5新增表单属性(常用）

HTML5中新增的常用的表单属性

=》required属性
=》autofocus属性
=》placeholder属性

1、required属性
=》用于简单的表单非空验证
=》email类型判断是否合法
=》required=“required”
=》必须放在form表单里才会有效
=》required=“required”
使用方式：

<form>
<input type="text" required="required">
<input type="email" name="email" required="required">
<input type="submit" value="提交">
</form>

效果图为：



2、autofocus属性
=》自动获取输入框焦点
=》autofocus=“autofocus”
使用方式：

<form>
// 第一个文本框会自动获取焦点
<input type="text" autofocus="autofocus">
<input type="text">
</form>

3、placeholder属性
=》描述输入域期待的值
=》提示

<input type="text" placeholder="输入用户名.....">

效果图为：