kss-node Style Guide #demo.forms.text.label-pairs Label/Text box Pairs

Toggle example guides Toggle HTML markup

All labelled text boxes should be included in a wrapper <div> element for both layout convenience and specific styling.

Default styling
Use this class when the text input inside is expected to be disabled.
Use this class if the input has failed a validation check.
Use this class if the input has passed a validation check (intended for live validation in particular).
<div class="mod-input text [modifier class]">
  <label>Text Label</label>
  <input type="text" class="" value="Text input"/></div>
Source: forms/base.less, line 58