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> 标签
