twitter-bootstrap
Formularze

Podstawowa forma

Formanty formularzy mają pewne domyślne style bez użycia specjalnych klas.

Jednak etykiety i elementy sterujące mogą być pakowane w .form-group celu uzyskania optymalnych odstępów.

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

Wejścia tylko do odczytu i wyłączone

Dodaj atrybut readonly do readonly aby uniemożliwić wprowadzanie danych przez użytkownika. Pola tylko do odczytu nie można edytować

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

Dodaj atrybut disabled aby wyłączyć pole wprowadzania. Nie można edytować wyłączonego pola. Kursor zmienia się, aby był bardziej zauważalny.

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