A form
If you are looking for validation you should check out form behaviors.
A field is a form element containing a label and an input
A set of fields can appear grouped together
Field groups automatically receive responsive styling, swapping to one field per row on mobile devices.
A textarea can be used to allow for extended user input.
To specify an approximate text area size use the rows
attribute.
A form can contain a checkbox
UI checkbox are special, styled versions of standard HTML checkboxes.
Javascript
$('.ui.checkbox')
.checkbox()
;
A form can include a radio checkbox
Javascript
$('.ui.radio.checkbox')
.checkbox()
;
A form can contain a message
Any info
, error
, success
, or warning
message blocks found inside a form are hidden by default.
If a form is in loading state, it will automatically show a loading indicator.
If a form is in an success state, it will automatically show any success message blocks.
If a form is in an error state, it will automatically show any error message blocks.
If a form is in warning state, it will automatically show any warning message block.
Individual fields may display an error state
Individual fields may be disabled
Individual fields may be read only
Forms can automatically divide fields to be equal width
A form on a dark background may have to invert its color scheme
A field can have its label next to instead of above it.
A field can show that input is mandatory
Fields can have their widths divided evenly
Fields can show related choices
Fields can automatically divide fields to be equal width
Multiple fields may be inline in a row