位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > form和input的autocomplete 属性
阅读(22555525)      收藏       赞(5685)      分享
上一篇: HTML5 新的表单属性 下一篇: form 的 novalidate 属性

autocomplete 属性规定 form input 域应该拥有自动完成功能。

当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项。

提示: autocomplete 属性有可能在 form元素中是开启的,而在input元素中是关闭的。

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

示例

小白教程网www.2d5.net

:HTML form 中开启 autocomplete (一个 input 字段关闭 autocomplete )

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>HTML5表单-表单属性-autocomplete 属性.</title>

</head>

<body>

    

<form action="" method="get" 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>

 

<p>请填写并提交此表单,然后重载页面,来查看自动完成功能是如何工作的。</p>

<p>请注意,表单的自动完成功能是打开的,而 e-mail 域是关闭的。</p>

 

</body>

</html>

效果如图9-1、图9-2、图9-3

image.png




上一篇: HTML5 新的表单属性 下一篇: form 的 novalidate 属性
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)