Het required attribuut

Het attribuut required geeft aan dat dit element van een HTML-formulier verplicht ingevuld moet worden.

Het attribuut moet worden toegepast op de tags input of textarea.

Als wordt geprobeerd het formulier te verzenden terwijl een veld met dit attribuut niet is ingevuld - zal de browser het formulier niet toestaan te verzenden en een foutmelding weergeven in de vorm van een pop-up tooltip. Helaas, kan de tekst van de foutmelding en hoe deze eruitziet niet worden aangepast met HTML of CSS.

Houd er rekening mee dat de aanwezigheid van het attribuut required u niet vrijstelt van het controleren van de juistheid van het ingevulde formulier aan de serverzijde op PHP (aangezien de beveiliging via het attribuut gemakkelijk te omzeilen is).

Voorbeeld

Laten we aan de tag input het attribuut required toevoegen. Zonder iets in te vullen in het veld, probeer op de knop te klikken om het formulier te verzenden. De browser staat niet toe het formulier te verzenden, voegt een schaduw toe aan de input en toont een foutmelding:

<form action="">
	<input type="text" placeholder="voer iets in" required>
	<input type="submit">
</form>

Zie ook

het attribuut pattern,
dat validatie van de input mogelijk maakt