# 表单提交类型

表单可以创建多种类型的提交字段,以下是所有提交类型的共同设置:

  • 字段名称

字段名称为字段的标识,必须保持唯一,且只允许使用字母或者数字。

  • 显示名称

字段显示名称可以随意设置,后台内容编辑界面中将作为提交项名称显示使用。

  • 提示信息

在此设置内容提交表单中提交项的提示信息。

  • 表单提交类型

设置表单提交类型,我们将在本文进行详细说明。

  • 排序

字段在提交表单中的显示排序,不设置系统将按添加次序依次分配排序值。

  • 默认值

在此表单提交时的默认值,可以留空。

# Text 文本输入框

文本输入框是最基础的表单提交类型,用于输入文字信息,对应 HTML 表单标签: <input type="text">

我们添加测试字段:

表单提交类型

表单提交界面如下:

表单提交类型

# Number 数字输入框

数字输入框与文本输入框唯一的区别是只允许输入数字,对应 HTML 表单标签: <input type="number">

我们添加测试字段:

Number 数字输入框

表单提交界面如下:

Number 数字输入框

# TextArea 多行文本输入框

多行文本输入框允许用户输入多行文字,对应 HTML 表单标签: <textarea>

我们添加测试字段:

表单提交类型

  • 高度:我们可以进一步设置输入框的显示高度,默认为可输入4行文字。

表单提交界面如下:

表单提交类型

# TextEditor 富文本编辑器

富文本编辑器允许用户输入带样式的富文本,系统将使用高度定制化的百度编辑器。

我们添加测试字段:

表单提交类型

  • 高度:我们可以进一步设置富文本编辑器的显示高度,默认为500px。

表单提交界面如下:

表单提交类型

# CheckBox 多选项

多选项允许用户从指定的选项中选择一个或多个,对应 HTML 表单标签: <input type="checkbox">

我们添加测试字段:

表单提交类型

  • 设置选项:可以选择 快速设置 或者 详细设置,默认为 快速设置

  • 选项可选值:使用换行分隔分割,每一行为多选项中的一个选项。

我们也可以将 设置选项 设置为 详细设置

表单提交类型

  • 标题:表单多选项中当前项的显示名称。

  • :表单多选项提交后保存在数据库中的值。

  • 默认勾选:表单是否默认选中当前项。

表单提交界面如下:

表单提交类型

# Radio 单选项

单选项允许用户从指定的选项中选择一个,对应 HTML 表单标签: <input type="radio">

我们添加测试字段:

表单提交类型

  • 设置选项:可以选择 快速设置 或者 详细设置,默认为 快速设置

  • 选项可选值:使用换行分隔分割,每一行为单选项中的一个选项。

我们也可以将 设置选项 设置为 详细设置

表单提交类型

  • 标题:表单单选项中当前项的显示名称。

  • :表单单选项提交后保存在数据库中的值。

  • 默认勾选:表单是否默认选中当前项,单选项最多只能够设置其中一项为默认项。

表单提交界面如下:

表单提交类型

# SelectOne 单选下拉框

单选下拉框允许用户从指定的选项中选择一个,对应 HTML 表单标签: <select>

我们添加测试字段:

表单提交类型

  • 设置选项:可以选择 快速设置 或者 详细设置,默认为 快速设置

  • 选项可选值:使用换行分隔分割,每一行为单选下拉框中的一个选项。

我们也可以将 设置选项 设置为 详细设置

表单提交类型

  • 标题:表单单选下拉框中当前项的显示名称。

  • :表单单选下拉框提交后保存在数据库中的值。

  • 默认勾选:表单是否默认选中当前项,单选下拉框最多只能够设置其中一项为默认项。

表单提交界面如下:

表单提交类型

# SelectMultiple 多选下拉框

多选下拉框允许用户从指定的选项中选择一个或多个。

我们添加测试字段:

表单提交类型

  • 设置选项:可以选择 快速设置 或者 详细设置,默认为 快速设置

  • 选项可选值:使用换行分隔分割,每一行为多选下拉框中的一个选项。

我们也可以将 设置选项 设置为 详细设置

表单提交类型

  • 标题:表单多选下拉框中当前项的显示名称。

  • :表单多选下拉框提交后保存在数据库中的值。

  • 默认勾选:表单是否默认选中当前项。

表单提交界面如下:

表单提交类型

# SelectCascading 联动字段

联动字段是一种特殊的表单输入方式,简单来说,使用用户选择的第一个下拉列表中的值,作为第二个下拉列表的条件,关联出第二个下拉列表的选择项,再以第二个下拉列表的选中值关联出第三个下拉列表的选择项,以此类推,可以不断增加联动级别,我们常常用到的省/市/县选择就是一个典型的三级联动字段。

我们添加测试字段:

表单提交类型

  • 联动字段:选择 设置管理 -> 字段设置 -> 联动字段设置 中已设置的联动字段。

表单提交界面如下:

表单提交类型

# Date 日期选择框

日期选择框允许用户输入或选择日期。

我们添加测试字段:

表单提交类型

表单提交界面如下:

表单提交类型

# DateTime 日期及时间选择框

日期及时间选择框允许用户输入或选择日期及时间。

我们添加测试字段:

表单提交类型

表单提交界面如下:

表单提交类型

# Image 图片上传控件

图片上传控件允许用户上传或选择图片文件。

我们添加测试字段:

表单提交类型

表单提交界面如下:

表单提交类型

# Video 视频上传控件

视频上传控件允许用户上传或选择视频文件。

我们添加测试字段:

表单提交类型

表单提交界面如下:

表单提交类型

# File 文件上传控件

文件上传控件允许用户上传或选择文件。

我们添加测试字段:

表单提交类型

表单提交界面如下:

表单提交类型

# Customize 自定义输入控件

自定义输入控件允许用户在表单项中显示自定义代码。

我们添加测试字段:

表单提交类型

我们在自定义代码中添加了一段HTML代码,表单提交界面如下:

表单提交类型

# Hidden 隐藏项

隐藏项字段在表单提交界面不会显示,隐藏项的值将默认提交至表单中。

通常添加隐藏项字段的同时,会设置隐藏项默认值,提交表单时默认值将作为隐藏项提交至后台数据库。

上次更新: 2023/4/26 下午4:53:23