微信小程序 城市服务快速填写组件
2020-07-31 13:55 更新
auto-fill
接入微信城市服务，业务方可以使用小程序auto-fill组件功能，获取用户首次填写过的表单的信息。需接入auto-fill组件，点击此处查看详细说明。
组件调用说明
1、字段描述
auto-fill字段由两部分组成，(group.key)表示分组和具体字段，相同group的字段可以关联在一起，用户的一次选择可以完成全部的填写。另外，开发时，需要给input、textarea、picker指定autofill字段。
字段定义及具体的group和key字段，详见详见下表。（申请权限时，可选择本表中的group_key，或key）
| group_key | key | 字段定义 |
| 公共字段 (可以和任意group_key组合) | name | 姓名 |
| id_card_num | 身份证号 | |
| phone | 手机号 | |
| 邮箱 | ||
| 基础信息 base_info | sex | 性别 |
| birthday | 生日 | |
| nationality | 国籍 | |
| 驾驶证信息 driver_licence_info | licence_num | 驾驶证号 |
| licence_file_num | 驾驶证档案编号 | |
| 行驶证信息 driver_licence_info | licence_plate_num | 行驶证车牌号 |
| engine_num | 行驶证发动机号 | |
| licence_hassis_num | 行驶证车架号 | |
| 地址 address_info | nationality | 国家 |
| address | 省 | |
| address_detail | 详细地址 | |
| postcode | 邮编 | |
| 护照 passport | passport_num | 护照号 |
| validity | 护照有效期 | |
| issue_at | 签发地 | |
| first_name_zh | 名字（中文） | |
| last_name_zh | 姓氏（中文） | |
| first_name_en | 名字（英文） | |
| last_name_en | 姓氏（英文） | |
| birth_place | 户口出生地 | |
| residence_place | 户口所在地 | |
| 港澳通行证 hk_macau_passport | passport_num | 港澳通行证号 |
| validity | 护照有效期 | |
| issue_at | 签发地 | |
| first_name_zh | 名字（中文） | |
| last_name_zh | 姓氏（中文） | |
| first_name_en | 名字（英文） | |
| last_name_en | 姓氏（英文） | |
| birth_place | 户口出生地 | |
| residence_place | 户口所在地 | |
| 社保卡 social_security | card_num | 社保卡号 |
调用字段填写表单时，公共字段使用，需调用对应group，如：base_info.name，base_info.phone；passport.name, passport.phone。其它group字段直接调用，如：base_info.email。
2、form表单示例
<form bindsubmit="submit">
<input class="weui-input" placeholder="姓名" auto-fill="address_info.name" />
<input class="weui-input" placeholder="手机" auto-fill="address_info.phone" />
<input class="weui-input" placeholder="身份证" auto-fill="address_info.id_card_num" />
<button form-type="submit">submit</button>
</form>
3、测试案例
除以上文档，还可下载以下测试案例，测试试用。
点击下载测试案例
以上内容是否对您有帮助：
更多建议：