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

auto-fill

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

组件调用说明

1、字段描述

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

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

调用字段填写表单时，公共字段使用，需调用对应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、测试案例

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

点击下载测试案例