twitter-bootstrap
Le forme

Forma di base

I controlli del modulo hanno uno stile predefinito senza l'utilizzo di classi speciali.

Tuttavia etichette e controlli possono essere racchiusi in tag .form-group per una spaziatura ottimale.

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

Ingressi di sola lettura e disabilitati

Aggiungi l'attributo readonly per impedire l'input dell'utente. Un campo di sola lettura non può essere modificato

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

Aggiungi l'attributo disabled per disabilitare un campo di input. Non è possibile modificare neanche un campo disattivo. Il cursore cambia per renderlo più evidente.

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