<!-- Das ganze Formular hat autocomplete="on",
in den einzelnen Feldern kann das wieder ausgeschaltet werden -->
<form action="" method="post" autocomplete="on">
    <div class="form_control">
        <label for="email1">E-Mail (mit <code>required</code>-Attribut)</label>
        <!-- Verhindert das Verschicken des Formulars, falls das Feld nicht ausgefüllt wurde -->
        <input type="email" id="email1" name="email1" required>
    </div>
    <div class="form_control">
        <label for="text1">Textfeld (mit <code>autofocus</code>-Attribut)</label>
        <input type="text" id="text1" name="text1" autofocus>
        <p><strong>Hinweis:</strong> Funktioniert nur, wenn das Formular <strong>nicht</strong> in einem iframe geladen wird!</p>
    </div>
    
     <div class="form_control">
    	<label for="pin">PIN: (4 Zahlen) (mit <code>pattern</code>-Attribut)</label>
ut id="pin" name="pin" type="password" pattern="\d{4,4}" required />
>
    <div class="form_control">
        <label for="text2">Textfeld (mit <code>placeholder</code>-Attribut)</label>
        <input type="text" id="text2" name="text2" placeholder="Vorname">
    </div>
    
    <div class="form_control">
        <button type="submit" name="go" class="btn btn-blue">Verschicken</button>
    </div>
</form>