Formulare

Einfache Formulare

Wir werden Ihre Informationen niemals teilen.
<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>