Forms

Individual form controls automatically receive some global styling. By default, <input>, <textarea>, and <select> elements with the .form-control class are set to a recommended width of 296px by setting max-width: 296px.

Default theme

Alt theme

Dark Theme

{{#markdown}} ```xml ``` {{/markdown}}

{{#markdown}} {{> form-guidance.md}} {{/markdown}}

Text Input

Default

Alt

On solid color

On light image

On dark image

{{#markdown}} ```xml ``` {{/markdown}}

{{#markdown}} {{> text-input-guidance.md}} {{/markdown}}

Combo

Default

Alt

On solid color

On light image

On dark image

{{#markdown}} ```xml ``` {{/markdown}}

{{#markdown}} {{> combo-guidance.md}} {{/markdown}}