(3.2)HTML5:表单属性

表单属性

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隐藏域 可以不用判断

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容