Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 27 di 51
  • livello principiante
Indice lezioni

Input type: email

Un campo destinato all'inserimento di indirizzi e-mail
Un campo destinato all'inserimento di indirizzi e-mail
Link copiato negli appunti

L'elemento input con type=email viene usato per creare un campo per inserire un indirizzo e-mail.

L'input con tipo email, se specificato, dovrebbe rappresentare l'inserimento di indirizzi e-mail. Una fondamentale condizione di validità, dunque, sarà rappresentata dalla presenza del simbolo @. Nel caso in cui il valore inserito non sia valido viene sollevata un'eccezione.

I dispositivi mobili e il type email

I dispositivi mobili possono presentare, anche in questo caso, tastiere ad hoc. iPhone modifica la sua tastiera mostrando la chiocciola e il punto come visualizzato in figura 22. Android attualmente visualizza la tastiera standard.

Figura 22 - Tastiera iPhone con un campo di tipo email
screenshot

Esempi d'uso

Anche per questo tipo di input presentiamo un piccolo snippet di codice:

<form name="commenti" method="post" action="/141/comments">
  [...]
  <label> Email:
    <input type="email" name="email" autocomplete="on" placeholder="email@domain.ext">
  </label>
  [...]
  <input type="reset"  value="Resetta il form">
  <input type="submit" value="Invia il commento">
</form>

Il codice visto produce visivamente un normale <input type="text">.

Tabella del supporto sui browser

Form: nuovi tipi di input Internet Explorer Firefox Safari Google Chrome Opera
email No 4.0+ 4.0+ 2.0+ 9.0+

Ti consigliamo anche