小白开发微信小程序12--表单组件之form

一、小程序组件分类

微信团队为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。小程序中的组件也是非常丰富的，开发者可以基于组件快速搭建出漂亮的页面结构。小程序中的组件其实相当于网页中的HTML标签，只不过标签名字不一样。官方把小程序的组件分为了 9 大类，分别是：

① 视图容器

② 基础内容

③ 表单组件

④ 导航组件

⑤ 媒体组件

⑥ 地图组件

⑦ 画布组件

⑧ 开放能力

⑨ 无障碍访问

官方地址：https://developers.weixin.qq.com/miniprogram/dev/component/

二、表单组件

1、form组件

将组件内的用户输入的switch input checkbox slider radio picker 提交。

当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。

用 e.detail.value.xxx 或e.detail.value["xxx"]，其中 xxx 为 name 属性值可以获取表单组件中的值