经常设计 form 表单的开发应该知道,用户在浏览器中向表单输入信息的时候会被 input 记录下来,以后每次双击 input 文本框时都会展示以前输入过的信息,虽然这样很方便,但会暴露用户的隐私数据。那如何禁止 input 输入框不记录用户输入的信息呢?下面就来说一下!
# input 中的 autocomplete
属性
autocomplete
:属性定义 input 是否启用自动完成功能,也就是我们说的是否记录用户数据!
autocomplete
有两个值,分别为 on 与 off.
on:启用自动完成功能,记录用户数据!
off:关闭自动完成功能,不记录用户数据!
注
autocomplete
属性适用于 form 标签,以及text, search, url, telephone, email, password, datepickers, range,color
等类型的 input 标签!
# input 中使用 autocomplete
属性
可单独对 input 的 autocomplete
属性进行设置,来定义 input 的下拉框是否弹出!
<!-- input autocomplete 属性设置为开启 --> | |
<input type="text" autocomplete="on"> | |
<!-- input autocomplete 属性设置为关闭 --> | |
<input type="text" autocomplete="off"> |
注意:
这里需要注意的是,在 input 中如果不设置 autocomplete
属性的值,则它的默认值为 on !
# form 表单设置 autocomplete
属性
如果一个 form 表单内所有的 input 输入框都不需要记录用户的输入数据,并且都禁止其弹出下拉框,那么我们不用给每个 input 输入框来单独设置 autocomplete
属性,直接在 form 标签内添加 autocomplete
即可!
<form action="#" autocomplete="off"> | |
<input type="text" name="test" /> | |
<input type="text" name="test" /> | |
</form> |