Input type: email

14 marzo 2011

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+

Tutte le lezioni

1 ... 26 27 28 ... 51

Se vuoi aggiornamenti su Input type: email inserisci la tua e-mail nel box qui sotto:
Tags:
 
X
Se vuoi aggiornamenti su Input type: email

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy