小白开发微信小程序10--表单组件之checkbox-group/radio-group/label

一、小程序组件分类

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

① 视图容器

② 基础内容

③ 表单组件

④ 导航组件

⑤ 媒体组件

⑥ 地图组件

⑦ 画布组件

⑧ 开放能力

⑨ 无障碍访问

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

二、表单组件

1、checkbox-group复选框组

功能描述

多项选择器，内部由多个checkbox组成。

2、check

功能描述:多选项目

3、radio-group单选框组

单项选择器，内部由多个 radio 组成

4、Radio

5、label

用来改进表单组件的可用性。

使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。 for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有：button, checkbox, radio, switch, input。

6、富文本编辑器 editor

富文本编辑器，可以对图片、文字进行编辑。

编辑器导出内容支持带标签的 html 和纯文本的 text ，编辑器内部采用 delta 格式进行存储。

通过 setContents 接口设置内容时，解析插入的 html 可能会由于一些非法标签导致解析错误，建议开发者在小程序内使用时通过 delta 进行插入。

富文本组件内部引入了一些基本的样式使得内容可以正确的展示，开发时可以进行覆盖。需要注意的是，在其它组件或环境中使用富文本组件导出的html时，需要额外引入 这段样式，并维护 <qlcontainer><ql-editor></ql-editor></ql-container> 的结构。

图片控件仅初始化时设置有效