<input type="text" autocomplete="on" />
<input type="text" autocomplete="off" />
<form autocomplete="on"> .. </form>
Werden innerhalb des Formulars gegenteilige Angaben gemacht, greifen jedoch diese.
<form autocomplete="on"> Name: <input type="text" name="vname" autocomplete="off" /><br /> Vorname: <input type="text" name="nname" /><br /> Postleitzahl: <input type="text" name="plz" /><br /> Ort: <input type="text" name="ort" /> </form>
<div> Sprache: <br /> <input type="text" autocomplete="on" list="sprache" /> </div> <datalist id="sprache"> <option value="HTML5"></option> <option value="XHTML"></option> <option value="PHP"></option> <option value="JavaScript"></option> </datalist>
Den Fokus setzen
Einem Formularfeld kann automatisch der Fokus zugewiesen werden, wenn die Seite aufgerufen wird. Eine solche Funktion kennt ihr zum Beispiel von der Startseite von Google. Wird diese Seite aufgerufen, kann man sofort den Suchbegriff eintippen, ohne zuvor den Cursor manuell in das Such-/Eingabefeld gesetzt zu haben.
<form> <input name="suchfeld" autofocus="autofocus" /> <input type="submit" value="Suche" /> </form>
Eingaben überprüfen
<input id="vname" name="vname" type="text" required="required" />
Ein damit gekennzeichnetes Feld muss ausgefüllt werden, darf also nicht leer sein.
<form action="form.php"> <input id="vname" name="vname" type="text" required="required" /> <input type="submit" /> </form>
Hier würde der Browser überprüfen, ob das Feld ausgefüllt wurde. Ist das Feld leer und wird dennoch versucht, das Formular abzusenden, sollte der Browser jetzt eine Fehlermeldung ausgeben.
<form action="form.php"> <input id="email" name="email" type="email" /> <input type="submit" /> </form>
Felder nicht automatisch überprüfen lassen
<form action="form.php" novalidate> <input id="email" name="email" type="email" /> <input type="submit" /> </form>
<form action="form.cgi" method="post"> <input id="email" name="email" type="email" /> <input type="submit" name="submit" value="Senden" /> <input type="submit" formnovalidate="formnovalidate" value="Speichern" /> <input type="submit" formnovalidate="formnovalidate" value="Ausloggen" /> </form>
In diesem Fall wird das Formular dann nur über den ersten Senden-Button validiert. Die anderen beiden dienen hingegen dem Speichern und Ausloggen. Eine Validierung ist in diesen Fällen nicht nötig.