Attributo required
L'attributo required indica che
questo elemento HTML di un modulo
deve essere obbligatoriamente compilato.
L'attributo deve essere applicato ai tag input
o textarea.
Tentando di inviare il modulo nel caso in cui un campo con questo attributo non sia compilato - il browser non permetterà l'invio del modulo e visualizzerà un errore sotto forma di suggerimento a comparsa. Sfortunatamente, il testo dell'errore e il suo aspetto non possono essere modificati utilizzando HTML o CSS.
Tieni presente che la presenza dell'attributo required
non ti esonera dal verificare la correttezza
di compilazione del modulo lato server su
PHP (poiché è facile aggirare la protezione tramite l'attributo).
Esempio
Aggiungiamo l'attributo required al tag
input.
Senza inserire nulla nel campo, prova a premere il pulsante
per inviare il modulo. Il browser non permetterà l'invio
del modulo, aggiungerà un'ombreggiatura all'input e visualizzerà un messaggio
di errore:
<form action="">
<input type="text" placeholder="inserisci qualcosa" required>
<input type="submit">
</form>
:
Vedi anche
-
l'attributo
pattern,
che permette di eseguire la convalida dell'input