HTML <input> autocomplete 屬性
示例
一個 HTML 表單，其中使用者名稱和密碼**不**會自動填充
<form action="/action_page.php">
<label for="username">使用者名稱:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密碼:</label>
<input type="password" id="password" name="password" autocomplete="new-password"><br><br>
<input type="submit">
</form>
自己動手試一試 »
定義和用法
autocomplete 屬性指定瀏覽器是否應嘗試預測輸入欄位的值。您還可以指定輸入欄位期望的值的型別。
瀏覽器支援
表格中的數字表示完全支援該屬性的第一個瀏覽器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| autocomplete | 17.0 | 6.0 | 2.0 | 5.1 | 10.0 |
提示：在某些瀏覽器中，您可能需要啟用自動完成功能才能使其生效（請檢視瀏覽器選單中的“首選項”）。
語法
<input autocomplete="on|off|值型別">
屬性值
| 值 | 描述 |
|---|---|
| on | 預設。Autocomplete 已開啟（啟用） |
| off | Autocomplete 已關閉（停用） |
| address-line1 | 期望街道地址的第一行 |
| address-line2 | 期望街道地址的第二行 |
| address-line3 | 期望街道地址的第三行 |
| address-level1 | 期望地址的第一級，例如，縣 |
| address-level2 | 期望地址的第二級，例如，市 |
| address-level3 | 期望地址的第三級 |
| address-level4 | 期望地址的第四級 |
| street-address | 期望完整的街道地址 |
| country | 期望國家程式碼 |
| country-name | 期望國家名稱 |
| postal-code | 期望郵政編碼 |
| name | 期望全名 |
| additional-name | 期望名字 |
| family-name | 期望姓氏 |
| given-name | 期望名字 |
| honoric-prefix | 期望頭銜，例如“先生”、“女士”等。 |
| honoric-suffix | 期望字尾，例如“5”、“Jr.”等。 |
| nickname | 期望暱稱 |
| organization-title | 期望職位頭銜 |
| username | 期望使用者名稱 |
| new-password | 期望新密碼 |
| current-password | 期望當前密碼 |
| bday | 期望完整的生日日期 |
| bday-day | 期望生日的日期 |
| bday-month | 期望生日的月份 |
| bday-year | 期望生日的年份 |
| sex | 期望性別 |
| one-time-code | 期望一次性驗證碼等 |
| organization | 期望公司名稱 |
| cc-name | 期望信用卡所有者的全名 |
| cc-given-name | 期望信用卡所有者的名字 |
| cc-additional-name | 期望信用卡所有者的名字 |
| cc-family-name | 期望信用卡所有者的全名 |
| cc-number | 期望信用卡的號碼 |
| cc-exp | 期望信用卡的到期日期 |
| cc-exp-month | 期望信用卡的到期月份 |
| cc-exp-year | 期望信用卡的到期年份 |
| cc-csc | 期望 CVC 碼 |
| cc-type | 期望信用卡的支付型別 |
| transaction-currency | 期望貨幣 |
| transaction-amount | 期望一個數字，即金額 |
| 語言 | 期望首選語言 |
| url | 期望一個網址 |
| 電子郵件 | 期望電子郵件地址 |
| 照片 | 期望一個影像 |
| tel | 期望完整的電話號碼 |
| tel-country-code | 期望電話號碼的國家程式碼 |
| tel-national | 期望不含國家程式碼的電話號碼 |
| tel-area-code | 期望電話號碼的區號 |
| tel-local | 期望不含國家程式碼和區號的電話號碼 |
| tel-local-prefix | 期望電話號碼的本地字首 |
| tel-local-suffix | 期望電話號碼的本地字尾 |
| tel-extension | 期望電話號碼的分機號 |
| impp | 期望即時訊息協議端點的 url |
❮ HTML <input> 標籤
