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>
亲自试一试 »
定义和用法
The autocomplete 属性指定浏览器是否应尝试预测输入字段的值。 您也可以指定您期望输入字段中哪种类型的值。
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| autocomplete | 17.0 | 6.0 | 2.0 | 5.1 | 10.0 |
提示：在某些浏览器中，您可能需要激活自动完成功能才能使其正常工作（在浏览器的菜单中查看“首选项”）。
语法
<input autocomplete="on|off|type-of-value">
属性值
| 值 | 描述 |
|---|---|
| on | 默认。 自动完成已打开（已启用） |
| off | 自动完成已关闭（已禁用） |
| 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 | 期望数字，金额 |
| language | 期望首选语言 |
| url | 期望网页地址 |
| 期望电子邮件地址 | |
| photo | 期望图像 |
| tel | 期望完整的电话号码 |
| tel-country-code | 期望电话号码的国家代码 |
| tel-national | 期望没有国家代码的电话号码 |
| tel-area-code | 期望电话号码的区号 |
| tel-local | 期望没有国家代码和区号的电话号码 |
| tel-local-prefix | 期望电话号码的本地前缀 |
| tel-local-suffix | 期望电话号码的本地后缀 |
| tel-extension | 期望电话号码的扩展代码 |
| impp | 期望即时通讯协议端点的 URL |
❮ HTML <input> 标签
