菜单

表单
表单以结构化的方式显示一组相关的用户输入字段。

下载

类型

表单

表单

如果你正在寻找验证,你应该查看 表单行为

Shipping Information

Billing Information

Receipt

Submit Order

内容

字段

字段是一个表单元素,包含一个标签和一个输入框。

字段

一组字段可以分组显示。

字段组会自动获得响应式样式,在移动设备上会转换为每行一个字段。

文本区域

文本区域可以用于允许扩展的用户输入。

要指定文本区域的近似大小,请使用 rows 属性。

复选框

表单可以包含一个 复选框

UI 复选框是标准 HTML 复选框的特殊样式版本。
$('.ui.checkbox') .checkbox() ;

单选复选框

表单可以包含一个 单选复选框

$('.ui.radio.checkbox') .checkbox() ;

下拉菜单

表单可以包含一个 下拉菜单

下拉菜单会自动将初始化为下拉菜单的 select 元素进行转换。有关更多详细信息,请查看 下拉菜单文档
$('select.dropdown') .dropdown() ;

多选

一个 多选下拉菜单 用于在一个表单字段中包含多个选项

HTML 选择

如果 Javascript 或 UI 下拉菜单 不可行,表单也可以为选择元素提供基本样式

消息

表单可以包含一个 消息

默认情况下,表单中找到的任何 infoerrorsuccesswarning 消息块都隐藏。
我们遇到了一些问题
  • 请输入您的名字
  • 请输入您的姓氏

正在加载

如果表单处于加载状态,它将自动显示加载指示器。

提交

成功

如果表单处于成功状态,它将自动显示任何成功消息块。

表单已完成

您已成功注册时事通讯。

提交

错误

如果表单处于错误状态,它将自动显示任何错误消息块。

操作禁止

您只能使用给定的电子邮件地址注册一次帐户。

提交

警告

如果表单处于警告状态,它将自动显示任何警告消息块。

请您检查一下!
  • 该电子邮件已订阅,但您尚未点击电子邮件中的验证链接。
提交

字段错误

各个字段可能会显示错误状态

禁用字段

各个字段可以禁用

只读字段

各个字段可以设置为只读

表单变体

尺寸

表单的大小可以不同

提交
提交
提交
提交
提交
提交
提交

等宽表单

表单可以自动将字段分成等宽

反转

在深色背景上的表单可能需要反转其配色方案

提交

字段变体

内联字段

字段的标签可以放在其旁边,而不是上方。

宽度

字段可以指定其宽度为 网格列

必需

字段可以显示输入是必须的

分组变体

平均分配

字段的宽度可以平均分配

分组字段

字段可以显示相关的选项

等宽字段

字段可以自动将字段分成等宽

内联字段

多个字段可以内联在一行

模糊消息
模糊子标题