HTML-Code in forms-starterkit/01_step/form_kitchensink_classic.html

<form action="" method="post">
    <div class="form_control">
        <label for="vorname">Vorname</label>
        <input type="text" id="vorname" name="vorname">
    </div>
    <div class="form_control">
        <label for="passwort">Passwort</label>
        <input type="password" id="passwort" name="passwort">
    </div>
    <div class="form_control">
        <label for="bemerkungen">Bemerkungen</label>
        <!-- 8ung: <textarea> ist kein "Single-Tag"! -->
        <textarea id="bemerkungen" name="bemerkungen"></textarea>
    </div>
    <div class="form_control">
        <input type="checkbox" id="surfen" name="surfen" value="Surfen">
        <label for="surfen" class="no_block label_right">Surfen</label>
        <br>
        <input type="checkbox" id="rudern" name="rudern" value="Rudern">
        <label for="rudern" class="no_block label_right">Rudern</label>
        <br>
        <input type="checkbox" id="segeln" name="segeln" value="Segeln">
        <label for="segeln" class="no_block label_right">Segeln</label>
    </div>
    <div class="form_control">
        <!-- Radiobutton-Gruppen müssen denselben Wert im name-Attribut haben -->
        <input type="radio" id="herr" name="anrede" value="Herr">
        <label for="herr" class="no_block label_right">Herr</label>
        <br>
        <input type="radio" id="frau" name="anrede" value="Frau">
        <label for="frau" class="no_block label_right">Frau</label>
    </div>
    <div class="form_control">
        <label for="land">Land</label>
        <select name="land" id="land">
            <option value="noop">Bitte wählen</option>
            <option value="ch">Schweiz</option> 
            <option value="de">Deutschland</option>
            <option value="li">Liechtenstein</option>
        </select>
    </div>
    <div class="form_control">
        <label for="land2">Land (mit <code>&lt;optgroup&gt;</code>)</label>
        <!-- <select> mit Unterteilung (optgroup) -->
        <select name="land2" id="land2">
            <option value="noop">Bitte wählen</option>
            <optgroup label="Europa">
                <option value="ch">Schweiz</option> 
                <option value="de">Deutschland</option>
                <option value="li">Liechtenstein</option>
            </optgroup> 
            <optgroup label="Asien">
                <option value="cn">Volksrepublik China</option>
                <option value="jp">Japan</option>
            </optgroup>
        </select>
    </div>
    
    <div class="form_control">
        <button type="submit" name="go" class="btn btn-blue">Verschicken</button>
    </div>
</form>