相信大家在项目中都遇到过 form 表单提交成功之后,刷新页面,当你再次输入的时候文本框里就有之前输入过的内容,在某些时候,我们确实不想要它!那这该如何解决呢?
情况截图如下:
定义和用法:
autocomplete 属性是HTML5的新属性
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
属性值
值 描述
on 默认。规定启用自动完成功能。
off 规定禁用自动完成功能。
解决方案就是:
<input class="text" autocomplete="off" type="text" name="word" value="输入商品名称">
<form action="/example/html5/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>
以上例子:
form 表单 autocomplete="on" 开启自动完成功能
email 表单 autocomplete="off" 关闭自动完成功能