Text Fields

Text fields allow the user to input and select text. The examples form below demonstrate customized form elements for a more consistent rendering across browsers and devices.

Text Fields

Input

<div class="form-group form-group-label">
    <label class="floating-label" for="..."> ... </label>
    <input class="form-control" id="..." type="text">
</div>

Select

<div class="form-group form-group-label">
    <label class="floating-label" for="..."> ... </label>
    <select class="form-control" id="...">
        <option value="..."> ... </option>
        ...
    </select>
</div>

Textarea

<div class="form-group form-group-label">
    <label class="floating-label" for="..."> ... </label>
    <textarea class="form-control textarea-autosize" id="..." rows="1"></textarea>
</div>
<div class="form-group form-group-label">
    <label class="floating-label" for="..."> ... </label>
    <textarea class="form-control" id="..." rows="..."></textarea>
</div>
disabled
disabled
.form-group-brand
.form-group-brand-accent
.form-group-green
.form-group-orange
.form-group-red
Linksappsclose