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

Input with Value

<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

Auto Expanding 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>

Normal Textarea

<div class="form-group form-group-label">
    <label class="floating-label" for="..."> ... </label>
    <textarea class="form-control" id="..." rows="..."></textarea>
</div>

Disabled Input

disabled

Disabled Input with Value

disabled

Brand Input

.form-group-brand

Brand Accent Input

.form-group-brand-accent

Green Input

.form-group-green

Orange Input

.form-group-orange

Red Input

.form-group-red