Question

我正在构建一个Bootstrap表单，并且电子邮件和密码表单元素显示来自其他站点上某些其他或某些早期表单登录的预填充数据。 Chrome浏览器会自动填充表单元素。

Bootstrap中是否有方法的HTML属性强制这些表单元素在页面加载时为空或空？

2015-10-29 - 这是标记：

      <form autocomplete="off" method="post" role="form">
        <div class="form-group">
          <input name="formSubmitted" type="hidden" value="1">
        </div>
        <div class="form-group">
          <label for="username">Username</label>
          <input autocomplete="off" autofocus="autofocus" class="form-control" id="username" name="username" required type="text">
        </div>
        <div class="form-group">
          <label for="password">Password</label>
          <input autocomplete="off" class="form-control" id="password" name="password" required type="password">
        </div>
        <button class="btn btn-default" type="submit">Login</button>
      </form>

Answer 1

使用<form>或<input>上的autocomplete="off"属性。

来自MDN：

<强>自动完成

此属性指示控件的值是否可以   由浏览器自动完成。

off
用户必须在每次使用时在此字段中明确输入值，否则文档会提供自己的自动完成方法;   浏览器不会自动完成输入。

on
允许浏览器根据用户在以前使用过程中输入的值自动完成值...

同样来自MDN，请参阅：How to Turn Off Form Autocompletion

另见：

Answer 2

使用autocomplete =“ new-password”

发挥魅力！

如何防止表单元素在Chrome中预先填充

2 个答案: