twitter-bootstrap
Formas

Forma básica

Los controles de formulario tienen un estilo predeterminado sin usar ninguna clase especial.

Sin embargo, las etiquetas y los controles se pueden envolver en etiquetas .form-group para un espaciado óptimo.

<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>

Entradas de solo lectura y deshabilitadas

Agregue el atributo de readonly para evitar la entrada del usuario. Un campo de solo lectura no puede ser editado

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

Añadir el disabled atributo para desactivar un campo de entrada. Un campo inhabilitado tampoco puede ser editado. El cursor cambia para hacerlo más notable.

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