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


本文整理自网络,侵删。

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

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

点击下载测试案例



标签:微信小程序

相关阅读 >>

微信小程序api 文件-描述文件状态的对象

sdk数据库 collection索引

微信小程序api 实时语音-监听视频状态变化事件

微信小程序api 用户信息 wx.getuserinfo(object)

微信小程序 小程序搜索imagesearch

微信小程序api 相机-cameracontext实例

微信小程序 settyping

微信小程序云开发 重要概念

微信小程序表单组件 picker-view(嵌入页面的滚动选择器)

微信小程序 小程序使用bindaccount

更多相关阅读请进入《微信小程序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...