项目总结(消除input的记忆功能)

做项目的时候遇到了这样一个功能,在一个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 规定禁用自动完成功能。

猜你喜欢

转载自blog.csdn.net/xiaolinlife/article/details/86586310
今日推荐