HTML下拉框自动关闭,禁止 input 自动弹出下拉框的方法

经常设计 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 的下拉框是否弹出！

html代码：

注意：

这里需要注意的是，在 input 中如果不设置 autocomplete 属性的值，则它的默认值为 on !

form 表单设置 autocomplete 属性

如果一个form 表单内所有的 input 输入框都不需要记录用户的输入数据，并且都禁止其弹出下拉框，那么我们不用给每个 input 输入框来单独设置 autocomplete 属性，直接在 form 标签内添加 autocomplete 即可！

html 代码如下