Forms
All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.
Inputs are width: 100%; by default. You
can use .grid inside a form.
All native form elements are fully customizable and themeable with CSS variables.
Disabled and validation states:
<fieldset> is unstyled and acts as a
container for radios and checkboxes, providing a consistent
margin-bottom for the set.
role="switch" on a
type="checkbox" enable a custom switch.
You can change a checkbox to an indeterminate state by setting the
indeterminate property to
true
Others input types: