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

Input type: tel

Inserire numeri di telefono in un form
Inserire numeri di telefono in un form
Link copiato negli appunti

È possibile utilizzare l'elemento input con type=tel per creare un campo adatto all'inserimento di numeri di telefono.

A differenza degli input di tipo email e url, questo tipo non impone un particolare formato. Ciò è intenzionale. In pratica, i campi di numero di telefono sono campi liberi, perché, a livello intenzionale, i numeri possono essere scritti in diversi modi. È comunque possibile usare l'attributo pattern per forzare un determinato formato.

I dispositivi mobili e il type tel

I dispositivi mobili possono presentare tastiere personalizzate per facilitare l'inserimento come mostrato nelle immagini che seguono (la prima è relativa a iPhone/iOS, mentre la seconda a un sistema Android).

Figura 18 - Tastiera iPhone
screenshot
Figura 19 - Tastiera Android
screenshot

Esempi d'uso

L'esempio è molto semplice, eccolo:

<form>
  <label>Inserisci il tuo numero di telefono:
    <input type="tel" name="myTelephone">
  </label>
  <input type="submit" value="Invia" >
</form>

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

Tabella del supporto sui browser

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

Ti consigliamo anche