字段类型详解

表单设计 2 次浏览 2025-11-29
关键词:字段类型,文本字段,选项字段,图片上传,字段配置

字段类型详解

功能介绍

系统支持10+种字段类型,满足各种数据收集需求。每种字段类型都有其特定的用途和配置选项。

字段类型列表

1. 文本字段 (text)

功能说明:单行文本输入框,用于收集短文本信息。 适用场景
  • 姓名、地址、备注等短文本
  • 产品名称、订单号等标识信息
配置选项
  • 字段标签:显示给用户的字段名称
  • 是否必填:是否强制用户填写
  • 默认值:预设的默认内容
  • 占位符:输入框内的提示文字
  • 最大长度:限制输入字符数
使用路径:表单设计器 → 添加字段 → 选择"文本"

2. 邮箱字段 (email)

功能说明:邮箱地址输入框,自动验证邮箱格式。 适用场景
  • 用户邮箱地址
  • 联系邮箱
  • 订阅邮箱
配置选项
  • 字段标签
  • 是否必填
  • 默认值
  • 占位符
使用路径:表单设计器 → 添加字段 → 选择"邮箱"

3. 电话字段 (tel)

功能说明:电话号码输入框,支持手机和固定电话。 适用场景
  • 手机号码
  • 固定电话
  • 客服电话
配置选项
  • 字段标签
  • 是否必填
  • 默认值
  • 占位符
使用路径:表单设计器 → 添加字段 → 选择"电话"

4. 数字字段 (number)

功能说明:数字输入框,只能输入数字。 适用场景
  • 年龄、数量、金额
  • 评分、等级
  • 序号、编号
配置选项
  • 字段标签
  • 是否必填
  • 默认值
  • 最小值:限制输入的最小数字
  • 最大值:限制输入的最大数字
  • 步长:数字增减的步进值
使用路径:表单设计器 → 添加字段 → 选择"数字"

5. 日期字段 (date)

功能说明:日期选择器,方便用户选择日期。 适用场景
  • 出生日期
  • 活动日期
  • 截止日期
  • 预约时间
配置选项
  • 字段标签
  • 是否必填
  • 默认值:可以设置为"今天"
  • 最小日期:限制最早可选日期
  • 最大日期:限制最晚可选日期
使用路径:表单设计器 → 添加字段 → 选择"日期"

6. 多行文本 (textarea)

功能说明:多行文本输入框,用于收集长文本内容。 适用场景
  • 详细描述
  • 意见建议
  • 备注说明
  • 地址信息
配置选项
  • 字段标签
  • 是否必填
  • 默认值
  • 占位符
  • 行数:设置输入框的行数
使用路径:表单设计器 → 添加字段 → 选择"多行文本"

7. 下拉选择 (select)

功能说明:下拉选择框,从预设选项中选择一个。 适用场景
  • 省份、城市选择
  • 产品类别
  • 状态选择
  • 单选项选择
配置选项
  • 字段标签
  • 是否必填
  • 选项列表:每行一个选项
  • 默认选中:设置默认选中的选项
使用路径:表单设计器 → 添加字段 → 选择"下拉选择" 选项配置
  • 每行输入一个选项
  • 支持使用"|"分隔选项值和显示文本(如:value|显示文本)
  • 如果只输入文本,则值和显示文本相同

8. 复选框 (checkbox)

功能说明:多选框,可以选择多个选项。 适用场景
  • 兴趣爱好
  • 技能选择
  • 多选项选择
  • 标签选择
配置选项
  • 字段标签
  • 是否必填
  • 选项列表:每行一个选项
  • 默认选中:可以设置多个默认选项
使用路径:表单设计器 → 添加字段 → 选择"复选框" 选项配置
  • 每行输入一个选项
  • 支持使用"|"分隔选项值和显示文本
  • 可以设置多个默认选中项

9. 单选框 (radio)

功能说明:单选按钮组,只能选择一个选项。 适用场景
  • 性别选择
  • 满意度评价
  • 单选项选择
  • 状态选择
配置选项
  • 字段标签
  • 是否必填
  • 选项列表:每行一个选项
  • 默认选中:设置默认选中的选项(只能一个)
使用路径:表单设计器 → 添加字段 → 选择"单选" 选项配置
  • 每行输入一个选项
  • 支持使用"|"分隔选项值和显示文本
  • 只能设置一个默认选中项

10. 图片上传 (image)

功能说明:图片上传字段,允许用户上传图片文件。 适用场景
  • 头像上传
  • 证件照片
  • 产品图片
  • 证明材料
配置选项
  • 字段标签
  • 是否必填
  • 最大文件大小:限制上传文件的大小(MB)
  • 允许的文件类型:jpg, png, gif, webp等
使用路径:表单设计器 → 添加字段 → 选择"图片上传" 注意事项
  • 图片会存储到配置的存储位置(本地或云存储)
  • 支持图片预览功能
  • 建议限制文件大小以提升上传速度

字段通用配置

所有字段类型都支持以下通用配置:

  1. 字段标签:必填,显示给用户的字段名称
  2. 是否必填:控制字段是否必须填写
  3. 默认值:设置字段的默认内容(部分字段类型支持)

使用路径

  • 添加字段:表单设计器 → 点击"添加字段"按钮
  • 编辑字段:表单设计器 → 点击字段卡片上的"编辑"按钮
  • 删除字段:表单设计器 → 点击字段卡片上的"删除"按钮

最佳实践

  1. 合理选择字段类型:根据数据特点选择最合适的字段类型
  2. 设置必填项:对重要字段设置必填,确保数据完整性
  3. 使用默认值:为常用字段设置默认值,提升填写效率
  4. 限制输入范围:对数字和日期字段设置合理的范围限制
  5. 选项字段优化:选项类字段的选项要清晰明确,避免歧义

常见问题

Q: 如何添加选项字段的选项?

A: 在字段编辑对话框中,找到"选项列表"输入框,每行输入一个选项。

Q: 可以设置选项的显示文本和值不同吗?

A: 可以,使用"值|显示文本"的格式,如:<code>beijing|北京市</code>。

Q: 图片上传有大小限制吗?

A: 有,可以在字段配置中设置最大文件大小,系统默认限制为10MB。

Q: 日期字段可以设置默认值为今天吗?

A: 可以,在日期字段的默认值中选择"今天"选项。

Q: 数字字段可以设置小数吗?

A: 可以,通过设置步长为0.1或0.01来支持小数输入。