html - 如何防止表单元素在 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

使用自动完成="新密码"

很有魅力!