twitter-bootstrap
vormen

Basis vorm

Formulierbesturingselementen hebben een standaardstijl zonder speciale klassen te gebruiken.

Labels en besturingselementen kunnen echter worden ingepakt in .form-group tags voor optimale afstand.

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

Alleen-lezen en uitgangen uitgeschakeld

Voeg het readonly kenmerk toe om gebruikersinvoer te voorkomen. Een alleen-lezen veld kan niet worden bewerkt

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

Voeg het disabled kenmerk toe om een invoerveld uit te schakelen. Een uitgeschakeld veld kan ook niet worden bewerkt. De cursor verandert om hem beter te laten opvallen.

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