HTML | DOM 输入密码自动完成属性

在HTML中，标签有一个属性叫做“autocomplete”，它可以控制表单输入框的自动完成行为。其中，输入密码框可以设置autocomplete="current-password"属性，用于防止自动填充密码。

语法

<input type="password" autocomplete="current-password">

取值

• on：开启自动完成功能
• off：关闭自动完成功能
• current-password：用于输入当前密码时阻止自动保存和自动填充

实例

<form action="" method="post">
  <label for="username">用户名：</label>
  <input type="text" name="username" id="username"><br>
  <label for="password">密码：</label>
  <input type="password" name="password" id="password" autocomplete="current-password"><br>
  <input type="submit" value="登录">
</form>

上述代码中，第二个输入框设置了autocomplete="current-password"属性，用于防止自动填充密码。

注意事项

• autocomplete属性的值可以设置为各种不同的值，但推荐使用标准值（例如“current-password”）以确保浏览器正确地识别您的意图。
• 不同的浏览器可能会表现出不同的行为，甚至不同版本的同一浏览器也可能有不同的行为。
• 虽然设置该属性可以帮助用户保护密码，但是也可能会导致用户不便。因此，在设置该属性之前，应该仔细权衡利弊。

以上就是HTML中控制输入密码框的自动完成行为的方法，希望对您有所帮助！