微信小程序 城市服务快速填写组件

2020-07-31 13:55 更新

auto-fill

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

组件调用说明

1、字段描述

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

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

group_keykey字段定义
公共字段
(可以和任意group_key组合)
name姓名
id_card_num身份证号
phone手机号
email邮箱
基础信息
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、测试案例

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

点击下载测试案例


以上内容是否对您有帮助:
前端课程
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部