Logo von www.onlex.de
Formular Workshop

Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
Onlex auf Facebook verwenden Onlex auf Twitter verwenden

HTML5 Attribut ''required''
required

Logo des Browsers Chrome von GoogleLogo des Browsers Firefox von MozillaLogo des Browsers Internet Explorer von MicrosoftLogo des Browsers Opera
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:

Name:


eMail:



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



© 2002 - 2019 · www.onlex.de - HomepageTools | Impressum | Sitemap
>