菜单

表单
表单显示了一组与用户输入相关的元素集合

下载

种类

表单 (Form)

标准表单

如果需要表单验证,请查看 表单验证

个人信息

Billing Information

Receipt

Submit Order

内容

域 (Field)

域是包含表单的标签和输入框的元素

域组 (Fields)

多组域集合在一起出现

多组域自动接收响应样式,在移动设备上每行一个字段。

文本区 (Text Area)

文本区使用默认的表单元素

使用 rows 来指定一个近似文本区域大小。

复选框 (Checkbox)

表单可以包含 复选框

复选框是特殊风格的版本,标准的HTML复选框。
$('.ui.checkbox') .checkbox() ;

单选框 (Radio Checkbox)

表单可以包含 单选框

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

下拉菜单 (Dropdown)

表单可以包含 dropdown

下拉菜单将自动把 select 元素转换为已经初始化的选择下拉菜单。更多详细信息可以查看 下拉菜单文档
$('select.dropdown') .dropdown() ;

多选下拉框 (Multiple Select)

一个 多选下拉框 是在一个表单域中要选择多个选项的时候使用。

原始下拉框 (HTML Select)

如果 Javascript 或者 ui dropdown 并没有使用,表单仍然可以提供最原始的下拉菜单样式。

信息 (Message)

表单可以包含 message

任何 info, error, success, 或 warning 的提示信息,最初在表单中默认都只隐藏的。
We had some issues
  • Please enter your first name
  • Please enter your last name

状态

加载 (Loading)

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

提交

成功 (Success)

如果表单是成功状态,它将自动显示成功信息快。

表单完成

你已经注册成功

提交

错误 (Error)

如果表单是错误状态,它将自动显示错误信息快。

输入错误

你只能用指定的邮箱注册

提交

警告 (Warning)

如果表单是警告状态,它将自动显示警告信息快。

你可以再检查一下!
  • 请检查邮箱收到的信息
提交

域错误 (Field Error)

无效的域将显示出错误状态。

禁用域 (Disabled Field)

不可用的域将显示禁用状态。

只读域 (Read-Only Field)

不可更改的域将显示只读状态。

表单变形

尺寸 (Size)

表单可以有不同大小

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

等宽 (Equal Width)

表单可以自动分割域为等宽

反色 (Inverted)

表单在深色背景下可以有反色的效果

提交

表单变形

内联 (Inline)

多个域可以嵌入在一行。

宽度 (Width)

一行域可以再 grid columns 中指定宽度

必填 (Required)

一个表单的域可以强制设为必填

组变形

均分 (Evenly Divided)

组的宽度可均分

组域 (Grouped Fields)

域可以显示相关的选择

组等分 (Equal Width)

组域可以均分为相同宽度

组内联 (Inline)

多组域可以内联在同一行中