Bootstrap 4 Schnellstart – Formulare
Formulare
HTML-Formulare können mit der Klasse form-group gestylt werden. Die einzelnen Steuerelemente werden über die Klasse form-control gestylt.
<div class="form-group">Mit den Zusätzen form-control-lg und form-control-sm kann die Größe der Steuerelemente beeinflusst werden.
<input type="text" class="form-control form-control-sm" id="name" placeholder="Dein Vorname">Über die Klassen is-valid und is-invalid kann man an den Elementen zeigen, ob die Eingabe gültig oder ungültig ist. Diese Eigenschaft setzt man am besten nach der Prüfung der Eingabe z.B. durch JavaScript.
<label class="form-check-label is-invalid" for="check">Ich möchte kontaktiert werden</label>
In der Übung siehst du ein Formular: