HTML autocomplete 屬性

這是我參與8月更文挑戰的第N天，活動詳情查看：8月更文挑戰html

HTML autocomplete 屬性爲 <input> 字段提供了各類各樣的選項。其做用是向瀏覽器指示值是否應在適當時自動填充。瀏覽器

autocomplete 容許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時，瀏覽器基於以前鍵入過的值，應該顯示出在字段中填寫的選項。安全

其最多見的兩個常規值：markdown

on —— 默認。容許瀏覽器自動完成輸入。沒有提供有關該字段中指望的數據類型的指導，所以瀏覽器可使用本身的判斷。
off —— 瀏覽器不容許爲此字段自動輸入或選擇一個值。文檔或應用程序可能提供其本身的自動完成功能，或者出於安全方面的考慮，要求不要自動輸入該字段的值。
完整的 autocomplete 值可查看 Values。

注意：許多現代瀏覽器在某些狀況下故意忽略某些字段上的 off 值，以便讓用戶對自動填充字段有更多的控制。一個例子是使用密碼管理器。oop

<input autocomplete="on|off" />
複製代碼

下面將另外一個經常使用的值 new-password，它將用於密碼輸入框。post

new-password

new-password —— 當要求用戶建立新密碼（例如，註冊或重置密碼輸入框）時，可使用該值。此值可確保瀏覽器不會意外填寫現有密碼，同時還容許瀏覽器建議一個安全密碼：url

<form action="signup" method="post">
  <input type="text" autocomplete="username" />
  <input type="password" autocomplete="new-password" />
  <input type="submit" value="註冊" />
  <button type="reset">重置</button>
</form>
複製代碼

此外，若是表單包含第二個密碼字段，要求用戶從新鍵入新建立的密碼，則兩個密碼字段都應使用 autocomplete="new-password"。spa

如下是 Chrome 的密碼管理器，你能夠在設置/自動填充/密碼下管理他們：code

其餘注意點

autocomplete 屬性適用於下面的 <input> 類型控件：text、search、url、tel、email、password、datepickers、range 和 color。orm

注意： 在某些瀏覽器中，您可能須要手動啓用自動完成功能（在瀏覽器菜單的參數設置中進行設置）。

如下是 Can I Use 下 autocomplete 的支持狀況