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

Question

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

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

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

使用自动完成=“新密码”

很有魅力！