kss-node Style Guide

3.4.1.2 #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.

Examples
Default styling
.disabled
Use this class when the text input inside is expected to be disabled.
.invalid
Use this class if the input has failed a validation check.
.valid
Use this class if the input has passed a validation check (intended for live validation in particular).
Markup
<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