禁止input获取焦点之后自动弹出下拉框

input 中的 autocomplete 属性

• autocomplete：属性定义input是否启用自动完成功能，也就是我们说的是否记录用户数据！

• autocomplete 有两个值，分别为 on 与 off.

• on：启用自动完成功能，记录用户数据！

• off：关闭自动完成功能，不记录用户数据！

• 注

• autocomplete 属性适用于 form 标签，以及text, search, url, telephone, email, password, datepickers, range，color等类型的 input 标签！

1. input 中使用 autocomplete 属性

可单独对 input 的 autocomplete 属性进行设置，来定义 input 的下拉框是否弹出！

html代码：

<!-- input  autocomplete 属性设置为开启-->
<input type="text" autocomplete="on">
<!-- input  autocomplete 属性设置为关闭-->
<input type="text" autocomplete="off">

2.form 表单设置 autocomplete 属性

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

html 代码如下

<form action="#" autocomplete="off">
  <input type="text" name="test" />
    <input type="text" name="test" />
</form>