octAdmin

Supported controls

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

Add the disabledboolean attribute on an input to prevent user interactions. Disabled inputs appear lighter and add a not-allowedcursor.


Add the readonlyboolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor.
A block of help text that breaks onto a new line and may extend beyond one line.

Validation States

Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add .has-warning, .has-error, or .has-successto the parent element. Any .control-label, .form-control, and .help-blockwithin that element will receive the validation styles.

A block of help text that breaks onto a new line and may extend beyond one line.

With optional icons

You can also add optional feedback icons with the addition of .has-feedbackand the right icon.
Feedback icons only work with textual <input class="form-control">elements.
.00

Selects

Note that many native select menus—namely in Safari and Chrome—have rounded corners that cannot be modified via border-radiusproperties.

For <select>controls with the multipleattribute, multiple options are shown by default.

Add the disabledboolean attribute on the <select>to prevent user interactions


Checkboxes & Radios

Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.
Disabled checkboxes and radios are supported, but to provide a "not-allowed" cursor on hover of the parent <label>, you'll need to add the .disabledclass to the parent .radio, .radio-inline, .checkbox, or .checkbox-inline.

Use the .checkbox-inlineor .radio-inlineclasses on a series of checkboxes or radios for controls that appear on the same line.