Home / Programmazione / HTML - CSS / Select required in HTML5
Mattepuffo

Select required in HTML5

Select required in HTML5

Fino all'avvento di HTML5, abbiamo semore usato Javascript per convalidare un form.

L'ultima versione di HTML, però, ha già degli strumenti per la validazione, come l'attributo required!

Questo attributo blocca il submit del form quando il campo è vuoto ma obbligatorio; qua potete trovare un esempio.

Come fare per rendere obbligatario anche un campo select?

Semplicemente impostado la prima voce vuota e mettendo l'attributo required:

<select name="my_select" required>
     <option value="">Valore vuoto.....</option>
     <option value="1">Valore 1</option>
     <option value="2">Valore 2</option>

</select>

Come vedete molto semplice.

Ovviamente fate attenzione sempre al fatto che vecchie versioni di browser non supportando questi attributi.

Quindi fate sempre la validazione anche lato server (PHP, Asp.NET, Java, ecc) per bloccare le operazioni in caso il required venga bypassato.

Ciao!