# auto-fill
接入微信城市服务，业务方可以使用小程序auto-fill组件功能，获取用户首次填写过的表单的信息。需接入auto-fill，点击此处查看详细说明。
# 组件调用说明
# 1、字段描述
auto-fill字段由两部分组成，(group.key)表示分组和具体字段，相同group的字段可以关联在一起，用户的一次选择可以完成全部的填写。另外，开发时，需要给input、textarea、picker指定autofill字段。
字段定义及具体的group和key字段，详见详见下表。（申请权限时，可选择本表中的group_key，或key）
| group_key | key | 字段定义 |
| 基础信息 base_info | name | 姓名 |
| sex | 性别 | |
| birthday | 出生日期 | |
| id_card_num | 身份证号 | |
| nationality | 国籍 | |
| 电话信息 phone_info | phone | 手机号 |
| 邮箱信息 email_info | 邮箱地址 | |
| 住址信息 address_info | address | 住址 |
| address_detail | 详细住址 | |
| 驾驶证信息 driver_licence_info | licence_num | 驾驶证号 |
| licence_file_num | 驾驶证档案编号 | |
| 行驶证信息 driving_licence_info | licence_plate_num | 车牌号 |
| engine_num | 行驶证发动机号 | |
| licence_hassis_num | 车辆识别号 | |
| 护照 passport | passport_num | 护照号 |
| validity | 护照有效期 | |
| issue_at | 签发地 | |
| first_name_zh | 名字（中文） | |
| last_name_zh | 姓氏（中文） | |
| first_name_en | 名字（英文） | |
| last_name_en | 姓氏（英文） | |
| 港澳通行证 hk_macau_passport | passport_num | 港澳通行证号 |
| validity | 护照有效期 | |
| issue_at | 签发地 | |
| first_name_zh | 名字（中文） | |
| last_name_zh | 姓氏（中文） | |
| first_name_en | 名字（英文） | |
| last_name_en | 姓氏（英文） | |
| 社保卡 social_security | card_num | 社保卡号 |
| 户口薄 residence_info | birth_place | 出生地 |
| residence_place | 户口所在地 |
调用字段填写表单时，需调用对应group，如：`base_info.name`，`base_info.birthday`；`passport.passport_num`。
# 2、form表单示例
<form bindsubmit="submit">
<input class="weui-input" placeholder="姓名" auto-fill="base_info.name" />
<input class="weui-input" placeholder="手机" auto-fill="phone_info.phone" />
<input class="weui-input" placeholder="身份证" auto-fill="base_info.id_card_num" />
<picker placeholder="住址" auto-fill="address_info.address" />
<button form-type="submit">submit</button>
</form>
注：<picker>使用auto-fill只会被填充，不会影响选项，如果对自动填写填充结果不满意，仍能通过手动选择修改。
# 3、测试案例
除以上文档，还可下载以下测试案例，测试试用。
点击下载测试案例