twitter-bootstrap
формы

Основная форма

Элементы управления формой имеют некоторый стиль по умолчанию без использования каких-либо специальных классов.

Однако метки и элементы управления могут быть обернуты .form-group для оптимального расстояния.

<form>
  <div class="form-group">
    <label for="input-email">Email address</label>
    <input type="email" class="form-control" id="input-email" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="input-password">Password</label>
    <input type="password" class="form-control" id="input-password" placeholder="Password">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

Только для чтения и отключенных входов

Добавьте атрибут readonly чтобы предотвратить ввод пользователя. Поле readonly не может быть отредактировано

<input class="form-control" type="text" placeholder="Readonly input here…" readonly>

Добавьте disabled атрибут, чтобы отключить поле ввода. Невозможно отредактировать раздробленное поле. Курсор изменится, чтобы сделать его более заметным.

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>