Formular Workshop
Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
HTML5 Attribut ''
required''required
Stand:
Mit "
required" ist eine weitere Vereinfachung der Formularüberprüfung möglich gemacht worden. Jedes Feld, welches dieses Attribut trägt, wird als Pflichtfeld deklariert.Es erfolgt jedoch keine Validierung der Eingaben. Hierfür steht das Attribut "
pattern" zur Verfügung.Beispiel:
Quelltext-Auszug:
Name:<br>
<input type="text" name="Name" size="20" required><br>
<br>
eMail:<br>
<input type="email" name="eMail" size="20" required><br>
<br>
<input type="submit" value="Abschicken" size="20">
Am obigen Beispiel wird verdeutlicht, dass das Attribut "
required" dann greift, sobald versucht wird das Formular abzuschicken.Dabei wird auf das erste Feld im Formular der Fokus gelegt, welches ausgefüllt werden muss. Je nach Browser wird dieses Feld "rot-glühend" umrandet und ein Tooltip erscheint mit dem Hinweis, dass dieses Feld ausgefüllt werden muss. Wichtig ist, dass die Felder, die als Pflichtfelder fungieren sollen das "
name" Attribut haben, da sonst diese Felder ignoriert werden.↑ zum Seitenanfang ↑
>