twitter-bootstrap
Formen

Grundform

Formularsteuerelemente weisen einige Standardstile auf, ohne spezielle Klassen zu verwenden.

Beschriftungen und Steuerelemente können jedoch für einen optimalen Abstand in .form-group Tags eingeschlossen werden.

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

Schreibgeschützte und deaktivierte Eingänge

Fügen Sie das readonly Attribut hinzu, um Benutzereingaben zu verhindern. Ein Readonly-Feld kann nicht bearbeitet werden

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

Fügen Sie das disabled Attribut hinzu, um ein Eingabefeld zu deaktivieren. Ein deaktiviertes Feld kann ebenfalls nicht bearbeitet werden. Der Cursor ändert sich, um ihn auffälliger zu machen.

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