本文共 530 字，大约阅读时间需要 1 分钟。

官方文档中仅有示例代码，但没有示例效果图，要看组件的效果 需要将示例代码运行在 开发工具中，比较麻烦，这里将运行后的组件示例代码效果 整理成GIF图，可以高效的找到需要的组件。

表单组件

1. input

概述： 提供可交互的界面，接收用户的输入，默认为单行

查看官方

2. label

概述： 为 input、textarea 组件定义标注

查看官方

查看官方

3. select

概述： 下拉选择按钮，点击会弹出一个包含所有可选值的下拉菜单，从该菜单中可以选择一个新值

查看官方

4. option

概述： select的子组件，用来展示下拉选择具体项目

查看官方

查看官方 (组件3和4是同一示例代码)

5. picker

概述： 滚动选择器，目前支持四种选择器，普通选择器，日期选择器，时间选择器，多列文本选择器1010+。默认为普通选择器。

查看官方

6. slider

概述：滑动选择器

查看官方

7. switch

概述： 开关选择

查看官方

8. textarea

概述： 提供可交互的界面，接收用户的输入，默认为多行

查看官方

转载地址：http://gamen.baihongyu.com/