新表单属性
placeholder 属性
placeholder 属性提供一种提示(hint),描述输入域所期待的值。
注释:placeholder 属性适用于以下类型的input标签:text, search, url, telephone, email 以及 password。
提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失。就是占位符的提示。可以说placeholder 属性代替了value属性的部分功能。
实例1
<input type="search" placeholder="请输入内容" />
autofocus 属性
autofocus 属性规定在页面加载时,自动地获得焦点。
注释:autofocus 属性适用于所有 标签所以的文档输入类型。如text、number、url、search、email等等表示文档输入的类型。
实例1
User name: <input type="text" autofocus="autofocus" />
multiple 属性
multiple 属性规定输入域中可选择多个值。如: 当 input的type=”file”时,只能选取一个文件,可以通过添加multiple属性选取多个文件。
注释:multiple 属性适用于以下类型的 input 标签:email 和 file。以及 select 标签
实例1
Select images: <input type="file" multiple="multiple" />
autocomplete 属性
值:
on:开启自动完成功能
off:关闭自动完成功能
autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
前提是用户曾经完成输入并且提交过,当用户再次输入相同的内容时,浏览器会在该域中显示用户曾经完成输入并且提交过的内容。
注释:autocomplete 适用于 form 标签,以及以下类型的 input 标签:text, search, url, tel, email, password, datepickers, range 以及 color。
每个input标签必须要用使用name属性。不使用name属性,自动完成功能无效。
实例
注释:在某些浏览器中,您可能需要启用自动完成功能,以使该属性生效。1
2
3
4
5
6
7
8
9
10
11
12
13
14<form action="#" autocomplete="on">
First name: <input type="text" name="fname" /> <br />
Last name: <input type="text" name="lname" /> <br />
E-mail: <input type="email" name="email" autocomplete="off" /> <br />
<input type="submit" />
</form>
也可以这样使用:
<form action="#">
User name:<input type="text" name="fname" autocomplete /><br />
First name: <input type="text" name="lname" autocomplete /><br />
</form>
这样使用autoplete属性并不严谨,因为在某些浏览器中,我们需要启用自动完成功能(autocomplete="on"),才能使该属性生效。
总结:
如果form标签使用了autocomplete属性,那么下面的input标签只要配合使用name属性,就默认使用autocomplete属性。哪个input标签不使用autocomplete属性就为其添加autocomplete="off" 或者不为这个input添加name属性,同样会达到效果。