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

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

e

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

, 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

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

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+

Questo articolo contiene link di affiliazione: acquisti o ordini effettuati tramite tali link permetteranno al nostro sito di ricevere una commissione nel rispetto del codice etico. Le offerte potrebbero subire variazioni di prezzo dopo la pubblicazione.

Ti consigliamo anche