Das required-Attribut

Das Attribut required gibt an, dass dieses Element eines HTML-Formulars unbedingt ausgefüllt werden muss.

Das Attribut sollte für die Tags input oder textarea verwendet werden.

Beim Versuch, das Formular abzuschicken, wenn ein Feld mit diesem Attribut nicht ausgefüllt ist - wird der Browser das Abschicken des Formulars verhindern und einen Fehler in Form eines Tooltips anzeigen. Leider können der Text des Fehlers und sein Aussehen nicht mit HTML oder CSS geändert werden.

Beachten Sie, dass das Vorhandensein des Attributs required Sie nicht von der Überprüfung der Korrektheit des ausgefüllten Formulars auf Serverseite mit PHP befreit (da der Schutz durch das Attribut leicht umgangen werden kann).

Beispiel

Fügen wir dem input-Tag das Attribut required hinzu. Ohne etwas in das Feld einzugeben, versuchen Sie, auf den Button zu klicken, um das Formular abzuschicken. Der Browser wird das Abschicken des Formulars verhindern, einen Schatten zum Input hinzufügen und eine Fehlermeldung anzeigen:

<form action="">
	<input type="text" placeholder="введите что-нибудь" required>
	<input type="submit">
</form>

Siehe auch

das Attribut pattern,
das die Validierung eines Inputs ermöglicht