Formulare
Einfache Formulare
<form style="max-width: 20rem">
<div class="form-group">
<input type="email" class="form-control" id="input-email" placeholder="Ihre E-Mail-Adresse">
<small class="form-text text-muted">Wir werden Ihre Informationen niemals teilen.</small>
</div>
<div class="form-group">
<input type="password" class="form-control" id="input-password" placeholder="Ihr Passwort">
</div>
<div class="form-group custom-control custom-checkbox">
<input type="checkbox" class=" custom-control-input" id="input-rememberme">
<label class="custom-control-label" for="input-rememberme">eingeloggt bleiben</label>
</div>
<button type="submit" class="btn btn-primary">Login</button>
</form>Komplexe Formulare
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="input-email">E-Mail-Adresse</label>
<input type="email" class="form-control" id="input-email" placeholder="Ihre E-Mail-Adresse">
</div>
<div class="form-group col-md-6">
<label for="input-password">Passwort</label>
<input type="password" class="form-control" id="input-password" placeholder="Ihr Passwort">
</div>
</div>
<div class="form-group">
<label for="input-address">Adresszeile 1</label>
<input type="text" class="form-control" id="input-address" placeholder="">
</div>
<div class="form-group">
<label for="input-address-2">Adresszeile 2</label>
<input type="text" class="form-control" id="input-address-2" placeholder="">
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="input-state">Bundesland</label>
<select id="input-state" class="form-control">
<option selected>Auswählen ...</option>
<option>...</option>
</select>
</div>
<div class="form-group col-md-2">
<label for="input-zip">PLZ</label>
<input type="text" class="form-control" id="input-zip">
</div>
<div class="form-group col-md-6">
<label for="input-city">Stadt</label>
<input type="text" class="form-control" id="input-city">
</div>
</div>
<button type="submit" class="btn btn-primary">Registrieren</button>
</form>