Input

Inputs are used to take data from the users, mostly by forms. The input element is the most important form element. The input element can be displayed in several ways, depending on the type attribute like text, radio, checkbox etc. You can also disabled them by using appropriate classes







Input Fields along with Error Styles



Various input fields variants can be used by adding the class names as .input-primary, .input-error .input-disabled.

*This username does not exist





Radio Buttons



Radio buttons allow the user to select one option from a set. Use the .input-radio and .input-radio-disabled to get pre-styled Radio buttons.






Checkbox Button



Checkboxes allow the user to select one or more option from all given options. Checkboxes can be used to turn an option on or off. If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches. If you have a single option, avoid using a checkbox and use an on/off switch instead. You can use .input-checkbox and .input-checkbox-disabled to get pre-styled checkbox buttons.