美文网首页从零开始学前端
(3.2)HTML5:表单属性

(3.2)HTML5:表单属性

作者: 越IT | 来源:发表于2017-01-11 00:10 被阅读4次

表单属性

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

相关文章

  • (3.2)HTML5:表单属性

    表单属性 1.autocomplete属性 form 或input 域应该拥有自动完成功能 例如:autocomp...

  • HTML5表单新验证属性、状态

    HTML5 - 表单新验证属性 HTML5 - 表单新验证状态

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • HTML5详解

    01-HTML5新增语义化标签 HTML5语义化标签的兼容 HTML5新增表单控件和表单属性 HTML5表单验证反...

  • HTML5 表单属性

    HTML5 新的表单属性HTML5的 和 标签添加了几个新的属性新属性:1.autocomplete2...

  • HTML5 表单元素

    HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素: datali...

  • HTML5和CSS3提高

    视频 播放 html5新增input类型 新增表单属性 required required 表单不能为空pl...

  • 02.HTML5表单新增的元素与属性

    表单新增的属性 1.form属性 HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以把他们书...

  • HTML5表单

    Html5增加了一些新的特性 form属性Html5之前所有的表单属性都要放到form里面,新增了form属性后,...

  • HTML5 表单属性

    HTML5 的新的表单属性 本章讲解涉及 和 元素的新属性。 新的 form 属性: autocomple...

网友评论

    本文标题:(3.2)HTML5:表单属性

    本文链接:https://www.haomeiwen.com/subject/imelbttx.html