auto-fill

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

组件调用说明

1、字段描述

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

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

group_key key 字段定义
基础信息
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表单示例


<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、测试案例

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

点击下载测试案例