Corsi on-line

Controllo sul formato email con HTML5

HTML5 mette a disposizione un’interessante nuova feature correlata all’elemento denominato “type“, che potrà essere utilizzato all’interno dei form per effettuare controlli a carico dei tipi di dato utilizzati per gli input; se per esempio un campo di testo richiede di essere compilato tramite l’inserimenti di un indirizzo di posta elettronica, sarà possibile utilizzare “type” per verificare che il formato email utilizzato sia corretto. Analizziamo quindi un semplice esempio di utilizzo di questo particolare attributo.

<form action="" method="post">
 <label for="email">Inserisci la tua Email:</label>
 <input id="email" name="email" type="email" />
 <button type="submit">Invia</button>
</form>

Basterà la specifica del “type” per effettuare il necessario controllo sul formato utilizzato, nel caso in cui questo non risulti corretto il browser si occuperà di visualizzare l’opportuna notifica; tenete conto che questa funzionalità non è supportata da tutti i programmi di navigazione oggi disponibili, è quindi importante ricorrere ancora a controlli tramite JS o tecnologie server side per la validazione degli input inviati dai form.

Post correlati
I più letti del mese
Tematiche