--- layout: docs title: Form controls description: Give textual form controls like ``s and ` {{< /example >}} ## Sizing Set heights using classes like `.form-control-lg` and `.form-control-sm`. {{< example >}} {{< /example >}} ## Disabled Add the `disabled` boolean attribute on an input to give it a grayed out appearance and remove pointer events. {{< example >}} {{< /example >}} ## Readonly Add the `readonly` boolean attribute on an input to prevent modification of the input's value. {{< example >}} {{< /example >}} ## Readonly plain text If you want to have `` elements in your form styled as plain text, use the `.form-control-plaintext` class to remove the default form field styling and preserve the correct margin and padding. {{< example >}}
{{< /example >}} {{< example >}}
{{< /example >}} ## File input {{< example >}}
{{< /example >}} ## Color Set the `type="color"` and add `.form-control-color` to the ``. We use the modifier class to set fixed `height`s and override some inconsistencies between browsers. {{< example >}} {{< /example >}} ## Datalists Datalists allow you to create a group of `