做项目的时候遇到了这样一个功能,在一个input框中输入了一个值,从这个页面退出再进来的时候,准备在input框输入值的时候,这时我上一次输入的值会在input框的下面展示出来,点击它,它会自动输入到inpput框中,且input的框的背景色都变成了其他颜色。
然后我就查了一下,发现了input在html5中新增的属性autocomplete可以解决这个问题。
autocomplete 属性规定输入字段是否应该启用自动完成功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
注释:autocomplete 属性适用于 ,以及下面的 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
记住:autocomplete 属性是 HTML5 中的新属性。
例如:
<form action="demo_form.asp" 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>
<input autocomplete="value">
属性值 value
值 描述
on 默认。规定启用自动完成功能。
off 规定禁用自动完成功能。