Alloy - form Demo
Top aligned labels
Text
.field, .field-text
Password
.field, .field-text, .field-password
Select (Menu)
Menu Selection 1
Menu Selection 2
Menu Selection 3
.field, .field-menu, .field-select
Select Multiple (Menu)
Menu Selection 1
Menu Selection 2
Menu Selection 3
.field, .field-menu, .field-select, .field-select-multiple
Textarea
.field, .field-text, .field-textarea
Checkboxes
Checkbox 1 (.field, .field-choice, .field-checkbox)
Checkbox 2 (.field, .field-choice, .field-checkbox)
Checkbox 3 (.field, .field-choice, .field-checkbox)
.field-nested, .field-group
Radio buttons
Radio 1 (.field, .field-choice, .field-radio)
Radio 2 (.field, .field-choice, .field-radio)
Radio 3 (.field, .field-choice, .field-radio)
.field-nested, .field-group
Inline labels, left aligned
Text
.field, .field-text
Password
.field, .field-text, .field-password
Select (Menu)
Menu Selection 1
Menu Selection 2
Menu Selection 3
.field, .field-menu, .field-select
Select Multiple (Menu)
Menu Selection 1
Menu Selection 2
Menu Selection 3
.field, .field-menu, .field-select, .field-select-multiple
Textarea
.field, .field-text, .field-textarea
Checkboxes
Checkbox 1 (.field, .field-choice, .field-checkbox)
Checkbox 2 (.field, .field-choice, .field-checkbox)
Checkbox 3 (.field, .field-choice, .field-checkbox)
.field-nested, .field-group
Radio buttons
Radio 1 (.field, .field-choice, .field-radio)
Radio 2 (.field, .field-choice, .field-radio)
Radio 3 (.field, .field-choice, .field-radio)
.field-nested, .field-group
Inline labels, right aligned
Text
.field, .field-text
Password
.field, .field-text, .field-password
Select (Menu)
Menu Selection 1
Menu Selection 2
Menu Selection 3
.field, .field-menu, .field-select
Select Multiple (Menu)
Menu Selection 1
Menu Selection 2
Menu Selection 3
.field, .field-menu, .field-select, .field-select-multiple
Textarea
.field, .field-text, .field-textarea
Checkboxes
Checkbox 1 (.field, .field-choice, .field-checkbox)
Checkbox 2 (.field, .field-choice, .field-checkbox)
Checkbox 3 (.field, .field-choice, .field-checkbox)
.field-nested, .field-group
Radio buttons
Radio 1 (.field, .field-choice, .field-radio)
Radio 2 (.field, .field-choice, .field-radio)
Radio 3 (.field, .field-choice, .field-radio)
.field-nested, .field-group