微信小程序之表单组件

关于rich-text组件的补充说明：

作用：用于展示包含多种格式文本的内容，如文字、图片、视频、超链接等。

如图：

一、表单组件：

1.按钮：button

属性：

2.选择框组件：checkbox

        多选项目。

属性：

补充：同时可以用列表渲染来完成，操作简单读者可以自行完成。

3.label组件

关于label博主自己认知：label：当使用单个</checkbox>的时候点击多选框可以打勾，但是点击文字却没有效果，可以通过label来解决；label是横排展示的效果；在label标签里面添加一个for元素，然后在上述控件中加一个id就能实现一个点击事件

4.表单组件：form

功能：将组件内的用户输入的switch input checkbox slider radio picker 提交。当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。

注意：1.form中两个事件要和button结合使用，在button里面有个属性form-type。

2.当一开始设置好提交和重置时，点击提交但不能看到数据，也就是说里面为空值，如图：

3. "2."解决方法：对于我们的属性对象都必须有一个name，把值全部提交过去，不管是redio，checkbox，input，form都需要加一个，小程序里面则定义在chcekbox组里面。如图：

5.输入框组件：input

1.属性：

2.注意：让输入框待输入状态时有默认文字

3.相关事件：

6.选择器组件：picker

1.功能：从底部弹起的滚动选择器。

2.属性：

补充：完成确定事件：当我们选择了某个下标后，把“请选择一个人民”替换掉：

对于不同的mode，picker拥有不同的属性。

1.普通选择器：mode=selector

2.多列选择器：mode=multiSelector

3.时间选择器：mode=time

4.日期选择器：mode=date

5.省市区选择器：mode=region