开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第3天，点击查看活动详情

表单组件

<editor>富文本编辑器

这个组件与<rivh-text>组件不同，这个是真正的富文本编辑器，用户是可以进行编辑的，而<rivh-text>组件是富文本，用户不能编辑，是开发者把字符串标记渲染到视图上，配合nodes属性使用

<form>组件

• <form>表单不会真正的把表单数据进行提交，它的作用是把表单里的哪些表单项的值收集到。如果想真正的向服务器提交数据，需要调用小程序内置的request接口，再进行请求。
• 表单可以结合button组件使用，设置<button>的form-type类型为submit，当点击按钮，就会触发表单的相应事件，然后表单收集到的数据存在了事件对象的detail属性里的value属性里。

下面这张图是控制台的输出结果。

• 上面的表单组件里的每一个表单项必须要加上name属性，要不然的话读不到e.detail里的value值，也就是收集不到表单里的数据。
• 表单里还有bindreset事件，然后设置<button>的form-type类型为reset即可

<keyboard-accessory>组件

这个组件就是默认打开小程序不会显示，而是键盘弹出来的时候，会在键盘上显示出来这个组件

<picker>普通选择器

• 如果是普通选择器的话，要把mode类型设置为selector，这样的话，当点击某个选项时，就会从手机底部弹出一个选择器，里面包含了所有选项，点击某个选项时，会触发该组件的bindchange事件，e.detail会得到选中项的索引或者key值，从而去更改index或key值就可以。
• 属性range：就是所有选项组成的数组
• 属性value：表示选择了 range 中的第几个（下标从 0 开始）
• 事件bindchenge：value 改变时触发 change 事件，event.detail = {value}

还有一些其他复杂的选择器，比如日期选择器，地区三级联动等，大家去参考官网吧，具体代码实例我也没有敲。