auto-fill

接入微信城市服务，业务方可以使用小程序auto-fill组件功能，获取用户首次填写过的表单的信息。需接入auto-fill，点击此处查看详细说明。

组件调用说明

1、字段描述

auto­-fill字段由两部分组成，(group.key)表示分组和具体字段，相同group的字段可以关联在一起，用户的一次选择可以完成全部的填写。另外，开发时，需要给input、textarea、picker指定auto­fill字段。

字段定义及具体的group和key字段，详见详见下表。（申请权限时，可选择本表中的group_key，或key）

group_keykey字段定义
基础信息
base_info		name姓名
sex性别
birthday出生日期
id_card_num身份证号
nationality国籍
电话信息
phone_info		phone手机号
邮箱信息
email_info		email邮箱地址
住址信息
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表单示例

  2. <form bindsubmit="submit">
  3.   <input class="weui-input" placeholder="姓名" auto-fill="base_info.name"  />
  4.   <input class="weui-input" placeholder="手机" auto-fill="phone_info.phone" />
  5.   <input class="weui-input" placeholder="身份证" auto-fill="base_info.id_card_num" />
  6.   <picker placeholder="住址" auto-fill="address_info.address" />
  7.   <button form-type="submit">submit</button>
  8. </form>

注：<picker>使用auto-fill只会被填充，不会影响选项，如果对自动填写填充结果不满意，仍能通过手动选择修改。

3、测试案例

除以上文档，还可下载以下测试案例，测试试用。

点击下载测试案例