从零开始学前端

(3.2)HTML5:表单属性

2017-01-11  本文已影响4人  越IT

表单属性

1.autocomplete属性

form 或input 域应该拥有自动完成功能

例如:autocomplete 适用于<form> 标签,以及以下类型的<input> 标签:text, search, url, telephone, email, password, datepickers, range,color。

<form autocomplete="on"></form>

2.autofocus属性

规定在页面加载时,域自动地获得焦点
例如:autofocus 属性适用于所有<input> 标签的类型。

<input autofocus="autofocus" />

3.multiple属性

规定输入域中可选择多个值

例如:multiple
属性适用于以下类型的
<input> 标签:email 和file。

<input type="file" multiple="multiple" />

4.placeholder属性

提供一种提示(hint),描述输入域所期待的值

<input type="search" placeholder="Search Content">

【备注】placeholder属性
适用于<input>标签type属性值为:
text,search,url,telephone,email,password.

<input type="search" placeholder="Search Content" />
placeholder效果案例.gif

5.required

规定必须在提交之前填写输入域(不能为空)

<input type="text" required="required"/>

减少前端开发人员鞋表单验证的压力
【备注】required属性
适用于<input>标签type属性值为:
text、search、url,telephone,email,password,date pickers,number,checkbox,radio,file.
其中:例如hidden隐藏域 可以不用判断

上一篇 下一篇

猜你喜欢

热点阅读