---
uuid: "408b49d6-3721-41b8-a3f8-841d7d6b9666"
type: "reference"
title: "表单组件"
sidebar_position: 1
description: "草料表单所有可用组件的完整清单，包括填表人组件、基础组件、多媒体组件、标题描述、唯一编号、AI 组件共 6 大类，附各组件的适用场景与可配置项，供制作表单时查阅参考。"
keywords:
  - 表单组件
  - 草料二维码表单组件类型
  - 表单组件参考文档
  - AI组件表单设计
  - 唯一编号组件
cl_old_blog_id: "49004"
cl_old_blog_url: "https://cli.im/help/49004"
last_update:
  date: "2026-04-20"
---

表单中每一行需要填写的内容叫作一个「组件」，根据收集的信息类型选择对应组件。本文汇总所有表单组件的类型、适用场景和可配置项，供制作表单时查阅参考。[查看表单制作教程](/help/forms/form-design/form-creation/qr-code-form "表单制作教程")

**扫码查看所有组件效果**：

![扫码体验所有组件](https://blogcdnimg.clewm.net/2023/01/扫码体验所有组件2_16738548314929.png)

> **注意**：删除已收集到数据的组件，**对应数据也会一并删除**，无法导出或恢复。如需删除，请先导出数据留档。

## 一、组件分类概览

所有表单组件分为 6 大类：

| 分类 | 主要用途 | 典型组件 |
|------|---------|---------|
| 填表人组件 | 识别和绑定填表人 | 姓名、手机号、微信名、身份证等 |
| 基础组件 | 收集大部分通用信息 | 单/多行文本、数字、选项、日期等 |
| 多媒体组件 | 收集图片、录音、视频、文件 | 图片、录音/视频、文件 |
| 标题与描述 | 表单分组和说明 | 分组标题、描述 |
| 唯一编号 | 业务中的唯一识别号 | 唯一编号 |
| AI 组件 | AI 自动识别和填写 | AI 图片填表、AI OCR |

## 二、填表人组件

通过「填表人信息」组件收集的信息，会与填表人绑定。同一个微信手机号填写的所有记录会被系统识别为同一人，可在填表人列表中查看该人提交的所有记录。[查看填表人列表](/help/qr-code-and-data/data-management/submitter-list "填表人列表")

![填表人信息组件](https://blogcdnimg.clewm.net/2023/01/填表人信息组件_16738415579018.png)

> **注意**：如果后续填表时修改了填表人信息，该填表人之前填写的所有记录也会同步更新。

| 组件 | 说明 | 特殊行为 |
|------|------|---------|
| 姓名 | 填写后成为填表人 | 如果已是组织成员，姓名只能管理员在后台修改 |
| 手机号 | 收集填表人手机号 | 仅支持微信授权获取，不支持手动输入。[查看仅授权的原因](/help/operation-tutorials/phone) |
| 微信名 | 快速获取微信昵称 | 无需手动输入 |
| 身份证 | 收集身份证号 | 内含校验，防止输错 |
| 工号 | 收集员工工号 | 可作为员工唯一标识 |
| 车牌 | 收集填表人车牌号 | — |
| 性别 | 收集填表人性别 | — |

> **提示**：如果需要一人扫码填写多人信息（如代他人填表），请使用**基础类**的「单行文本」组件收集，而不是填表人组件。

## 三、基础组件

用于收集大部分通用信息类型：

### 1. 单行文本、多行文本

| 组件 | 字数上限 | 特性 |
|------|---------|------|
| 单行文本 | 130 | 支持扫描条形码录入内容 |
| 多行文本 | 8000 | 支持换行、**语音转文字**（长按按钮说话，自动转换） |

![语音转文字](https://blogcdnimg.clewm.net/2025/11/Group-2018776544_17635314681544.png)

### 2. 数字

- 最多 15 位数字，超过 15 位请用「单行文本」
- 作为身份证号用途请用「身份证」组件
- 支持自定义单位、限制是否支持负数、限制数字位数
- **公式计算**：支持用公式自动计算。[详情](/help/forms/form-design/form-creation/form-components/component-settings/formula-calculation "公式计算")
- **区间颜色**：按数值区间显示不同颜色。[详情](/help/forms/form-design/form-creation/form-components/component-settings/range-color-settings "区间颜色设置")

![数字公式计算](https://blogcdnimg.clewm.net/2026/03/Frame-2018782476_17731349552242.png)

![数字区间颜色](https://blogcdnimg.clewm.net/2026/03/image-1773195343964_17731953432141.png)

### 3. 表格

事先设置表格的标题列，让填表人对相应标题列填写内容。适用于预订场景中让顾客填写物品预订数目。

### 4. 自增表格

动态表格，用户可自由添加或删除表格行。适用于：

- 领用登记：记录多种物品信息
- 人员信息录入：填写多个参与者信息
- 库存管理：录入多种物品的进出库记录

[了解详情](/help/forms/form-design/form-creation/form-components/special-components/auto-increment-table "自增表格")

<video src="https://blogcdnimg.clewm.net/2024/11/copy_2C97DEB0-49B9-4141-AB2E-1A4EDD1EB5AF_17320691836650.mov" controls width="100%"></video>

### 5. 日期、时间

- 可选择日期时间格式
- 支持勾选是否默认获取当天日期或时间

### 6. 单选项、多选项

| 类型 | 说明 | 适用示例 |
|------|------|---------|
| 单选项 | 填表人只能选一项 | 维修结果（已维修/未维修）、设备状态（正常/异常） |
| 多选项 | 填表人可选多项 | 领用多个物品、选择多个想参加的活动 |

**单选项特性**：

- 支持显隐规则：选不同选项显示不同问题，适用于问卷、评价、巡检场景。[详情](/help/forms/form-design/form-creation/form-components/component-settings/visibility-rules "显隐规则")
- 支持选项颜色配置和 4 种显示样式

![选项样式](https://blogcdnimg.clewm.net/2026/03/saajfewq_17732924021705.png)

**多选项特性**：

- 可设置选项个数范围
- 支持添加「其他项」：选择该项后可补充说明

> **注意**：删除已收集到数据的选项，**该选项下的数据也会被删除**。如需不影响数据，可将该选项隐藏。

### 7. 多级选择

适用于选项过多、有层次逻辑的选择，如选择地址（省/市/区）、选择医院科室（区域/医院/科室）。

- 超级管理员预设多级选择内容
- 填表人扫码依次选择，也可搜索关键词快速找到

![多级选择](https://blogcdnimg.clewm.net/2025/03/Group-758530686_17417526640299.png)

### 8. 检查项

列出多个检查项目，供填表人选择是否正常。多用于设备巡检场景。

**特性清单**：

| 特性 | 说明 |
|------|------|
| 一键打勾 | 批量勾选常用选项，适用于巡检表、检查表、点检表 |
| 拖拽排序 | 多检查项可直接拖动排序 |
| 添加检查要求 | 每个检查项旁可加检查要求说明 |
| 自定义检查按钮名称 | 默认「正常/异常」，可改为「是/否」或自定义 |
| 允许输入描述 | 检查项结果可补充图文说明，支持设置是否必填 |

![一键打勾](https://blogcdnimg.clewm.net/2025/11/Frame-2018782165-1_17635312413887.png)

![检查项拖拽排序](https://blogcdnimg.clewm.net/2023/04/image-1682480789633_16824807903479.png)

![自定义检查按钮](https://blogcdnimg.clewm.net/2023/04/image-1682480897033_16824808978242.png)

![补充说明设置](https://blogcdnimg.clewm.net/2023/04/image-1682480958450_16824809592475.png)

![补充说明效果](https://blogcdnimg.clewm.net/2023/04/image-1682480980941_16824809819684.png)

> **提示**：图片说明支持「拍摄」或「从相册选择」上传，暂不支持限制为「仅限拍照」。

### 9. 定位

收集填表人位置信息，提供两种获取方式：

| 方式 | 说明 | 防作假 |
|------|------|-------|
| 授权微信定位 | 微信授权自动获取当前位置，不准可手动调整 | 适合 |
| 手动选择定位 | 填表人手动输入或选择 | 不适合 |

### 10. 地址

收集地址信息，可选择省/市/区/街道 + 详细地址（小区、门牌号）。支持显示默认省/市/区/街道，方便填写。

### 11. 手写签名

收集填表人手写签名，适用于文件阅知、承诺签订等场景。可结合[蚂蚁区块链存证](/help/forms/form-design/other-settings/blockchain-notarization/overview "区块链存证")使用，全程留痕可追溯、有效防作假。支持添加水印（微信名和当前定位）。

## 四、多媒体组件

### 1. 图片

一个图片组件最多可上传 20 张照片。

**上传方式**（3 种可选）：

| 方式 | 说明 |
|------|------|
| 拍照上传 | 仅现场拍摄，避免从相册选旧照作弊 |
| 从相册选择 | 允许上传已有照片 |
| 从微信聊天中选择 | 允许从聊天记录中选择照片 |

> 仅勾选【拍照上传】可实现防作弊。[进一步了解防作假功能](/help/application-scenarios/anti-fraud-inspection)

**拍照模式**（3 种可选）：

| 模式 | 说明 |
|------|------|
| 连拍 | 连续拍摄多张，闪光灯可常亮，适合夜间拍摄 |
| 单拍 | 每次拍摄展示照片，更有确认感 |
| 微信拍照模式 | 单次拍一张，逻辑与微信拍照相同，闪光灯不可常亮 |

![拍照模式](https://blogcdnimg.clewm.net/2025/07/Frame-758531647-9_17526389966032.png)

> **提示**：默认界面可选前置摄像头或后置摄像头。

**增强功能**：

- **防作假**：开启后照片左下角显示记录时间、记录人和定位，自动获取且无法修改
- **AI 内容审核**：自动检测图片是否包含预设要素（人脸、安全帽、证件）、识别清晰度等质量问题，不符合可阻止提交。[详情](/help/forms/form-design/form-creation/form-components/component-settings/ai "AI 内容审核")
- **图片标注**：填表人可对上传的照片二次编辑，突出重点

![AI 图片审核](https://blogcdnimg.clewm.net/2025/03/image-1741746495730_17417464962027.png)

![图片标注](https://blogcdnimg.clewm.net/2023/07/image-1690338057503_16903380592636.png)

### 2. 录音、视频

| 组件 | 单组件上限 | 时长限制 | 特性 |
|------|-----------|---------|------|
| 录音 | 1 条 | 10 分钟 | AI 语音转文字、AI 摘要 |
| 视频 | 1 条 | 拍摄 1 分钟（相册上传不限） | — |

录音 AI 摘要使用提示词教程 → [点击查看](/help/operation-tutorials/ai-prompt-guide "提示词撰写教程")

![录音 AI 摘要](https://blogcdnimg.clewm.net/2026/03/image-1773280921184_17732809175621.png)

### 3. 文件

一个文件组件支持上传 10 个文件。

| 版本 | 单文件最大 |
|------|-----------|
| 免费版 | 50 MB |
| 付费版 | 500 MB |

**支持的文件格式**：

- Word 文档：doc, docx, docm, dot, dotx, dotm
- Excel 表格：xls, xlsx, xlsb, xla, xlam, xlt, xltx, xltm
- PPT 演示：ppt, pptx, pot, potx, pps, ppsx, potm, pptm, ppsm
- PDF 文档：pdf
- 其他文档：txt, rtf, md, csv, pages, key, numbers
- 常见图片：jpg, jpeg, png, gif, bmp, webp
- 设计文件：psd, psb, svg, eps, ai, cdr, tif, heic
- 3D 设计：dwg, skp, rvt, obj, rfa, dwf, dxf, step, iges, stl, fbx, ies, dgn
- 网页文件：html
- 数据库文件：accdb, db
- 思维导图：xmind
- 其他：vcf, twb, twbx, hyper
- 压缩文件：zip, rar（**仅限付费版用户**）

**不支持的格式**：m4a, mp3, mp4, mov, flv, avi, wav, ogg, asf, au, voc, aiff, rm, svcd, vcd, dmg

![多媒体组件](https://blogcdnimg.clewm.net/2023/01/多媒体组件_16738505030096.png)

## 五、标题与描述组件

用于表单分组和补充说明：

| 组件 | 说明 |
|------|------|
| 分组标题 | 表单内容较多时用于分类区分 |
| 描述 | 富文本编辑，可添加内容描述、图片示例、链接，用于说明规则，无需填表人填写 |

## 六、唯一编号组件

适用于需要追踪物品动态流转过程的业务（图书借还、工序流转、货物出入库）。填表人填写唯一编号后，可作为物品或任务工序的唯一识别号，后续可通过搜索该编号定位记录。[了解详情](/help/forms/form-design/form-creation/form-components/special-components/unique-id-component "唯一编号组件")

## 七、AI 组件

> **注**：AI 类组件面向**高级版及以上**版本使用，**当前部分限时免费**。

### 1. AI 图片填表组件

支持填表人通过拍照或从相册上传图片，系统自动识别图片内容并填写表单相关字段。

**适用场景**：

- 隐患上报：自动生成隐患描述
- 现场巡检：自动生成巡检记录

[详情](/help/forms/form-design/form-creation/form-components/component-settings/ai-image-auto-fill-and-check "AI 图片填表")

![AI 图片填表](https://blogcdnimg.clewm.net/2025/08/Frame-2018781748-2_17551342529641.png)

### 2. AI OCR 组件

| 识别类型 | 具体类别 |
|---------|---------|
| 常用 OCR 识别 | 身份证、银行卡、驾驶证、行驶证、车牌、车辆 VIN 码、营业执照 |
| AI 智能识别 | 特种作业操作证、快递面单、毕业证、学历证、电表抄表、仪表盘里程数 |
| 自定义识别 | 从内部表格单据、证件或实物照片中识别重要字段 |

填表人上传照片后，系统自动识别并填入关键字段，减少手动输入、提升效率和准确率。**当前限时免费**。[详情](/help/forms/form-design/form-creation/form-components/special-components/ai "AI OCR 组件")

![AI OCR 入口](https://blogcdnimg.clewm.net/2025/06/Frame-2018776119_17502390576743.png)

![AI OCR 效果](https://blogcdnimg.clewm.net/2025/06/image-1750212182082_17502121860846.png)

## 八、组件通用设置

点击选中组件后，可在右侧区域进行设置。以下设置项按适用组件归类。

![组件设置入口](https://blogcdnimg.clewm.net/2023/01/组件设置_16738512516616.png)

### 1. 必填

开启后，填表人必须填写才能提交。

- **适用组件**：除标题描述类组件外均可设置
- **设置效果**：标题出现红色「*」，未填提交会红字提示

![必填效果](https://blogcdnimg.clewm.net/2023/01/必选效果_16738513703089.png)

### 2. 显隐规则

根据选项显示或隐藏其他内容。适用于问卷、评价、巡检。[详情](/help/forms/form-design/form-creation/form-components/component-settings/visibility-rules "显隐规则")

- **适用组件**：单选项

![显隐规则效果](https://blogcdnimg.clewm.net/2024/08/image-1724810972410_17248109725859.png)

### 3. 作为记录结果重点展示

开启后，该项在记录中突出展示，便于查看和筛选。每个表单仅可设置一个。[详情](/help/forms/form-design/form-creation/form-components/component-settings/form-feature-guide "记录结果")

- **适用组件**：除多媒体类、标题描述类、多行文本、多选项、检查项、定位、表格、手写签名外均可设置

![手机端记录结果](https://blogcdnimg.clewm.net/2023/01/手机端效果_16738514687635.png)

![电脑端记录结果](https://blogcdnimg.clewm.net/2023/01/电脑端效果_16738514944140.png)

### 4. 自动填充上次填写的内容

第二次打开表单时，默认显示第一次填写的内容，减少重复填写。[详情](/help/forms/form-design/form-creation/form-components/component-settings/auto-fill-previous-entry "自动填充")

- **适用组件**：除多媒体类、标题描述类、手写签名外均可设置
- **特殊说明**：手机、微信名、定位组件无需设置，首次授权后即可自动填充

![自动填充效果](https://blogcdnimg.clewm.net/2023/01/自动填充效果_16738515740031.png)

### 5. 内容不可重复提交

填表人不能填写与自己或他人已提交相同的内容。[详情](/help/forms/form-design/form-creation/form-components/component-settings/prevent-duplicate-submission "防重复提交")

- **适用组件**：姓名、手机、身份证号、工号、车牌、单行文本、数字、唯一编号

> **注**：极端情况下可能存在延时导致限制失效，不建议用于商品限时抢购等场景。

![重复提交提示](https://blogcdnimg.clewm.net/2023/01/内容不可重复提交_16738527076102.png)

### 6. 隐私保护

保护敏感信息，提交后自动对部分内容打码。管理员和本人有权限查看完整内容。[详情](/help/forms/form-design/form-creation/form-components/component-settings/privacy-protection "隐私保护")

- **适用组件**：身份证号、手机号、地址、姓名、单行文本等敏感信息类

![隐私打码效果](https://blogcdnimg.clewm.net/2025/02/Group-2018776403_17393344292354.png)

### 7. 允许扫描条形码录入

扫描条形码或静态码代替手动输入，支持扫描结果位数截取。例如：扫描核酸采样试管条码编号。

- **适用组件**：单行文本、数字、唯一编号

![扫码录入效果](https://blogcdnimg.clewm.net/2023/01/扫码录入_16738546652831.png)

### 8. 展示样式

| 样式 | 说明 | 适用场景 |
|------|------|---------|
| 列表样式 | 所有选项展开显示 | 选项较少 |
| 下拉选择 | 选项折叠，点击后展开 | 选项较多，避免占篇幅 |

- **适用组件**：单选项、多选项

![展示样式效果](https://blogcdnimg.clewm.net/2023/01/展示样式_16738547590623.png)

### 9. AI 添加选项

一键生成推荐选项，AI 根据组件名称和表单标题智能生成。

- **适用组件**：单选项、多选项、检查项

![AI 添加选项](https://blogcdnimg.clewm.net/2025/05/Frame-1171275095_17465905482331.png)

![AI 添加选项教程](https://blogcdnimg.clewm.net/2025/05/Frame-1171275094_17465907450686.png)

> **提示**：在提示词页面中可编辑更具体的生成要求：
>
> - 想要多个选项：「请生成 x 个选项」
> - 地域类问题：「请列出 xx 省所有地级市」

## 九、延伸阅读

- [表单制作完整教程](/help/forms/form-design/form-creation/qr-code-form "表单制作教程")
- [表单填写规则设置](/help/forms/form-design/fill-settings "填写规则")
- [表单数据管理](/help/qr-code-and-data/data-management/overview "数据管理")
- [特殊组件详细说明](/help/forms/form-design/form-creation/form-components/special-components "特殊组件")