Chrome为何在type=text且autocomplete=off的可编辑下拉框中生成密码建议？

Chrome会在部分场景下无视autocomplete="off"，给text类型的输入框弹出密码建议。针对PrimeVue的可编辑Dropdown组件，可通过以下方式解决：

• 将输入框的autocomplete属性改为"new-password"，Chrome会识别该值并禁用密码建议
• 额外添加autocorrect="off"和autocapitalize="off"，强化禁用效果

如果是通过PrimeVue组件配置，需要在Dropdown组件上绑定对应的属性，让组件生成的input自动带上这些设置：

<Dropdown
  editable
  :inputProps="{
    autocomplete: 'new-password',
    autocorrect: 'off',
    autocapitalize: 'off'
  }"
  <!-- 其他组件属性 -->
/>

修改后生成的input代码示例：

<input
    type="text" class="p-dropdown-label p-inputtext" tabindex="0"
    autocomplete="new-password" autocorrect="off" autocapitalize="off"
    role="combobox" aria-haspopup="listbox"
    aria-expanded="false" aria-controls="pv_id_13_list" data-pc-section="input"
    aria-autocomplete="list"
>

原理是Chrome对autocomplete="new-password"的优先级高于off，该属性原本用于标记“创建新密码”的输入框，我们可以利用这个特性强制浏览器关闭密码建议。

内容的提问来源于stack exchange，提问作者snoob dogg