Les éléments <input> dont l'attribut type vaut "tel" permettent à l'utilisatur de saisir ou de modifier un numéro de téléphone qui est la valeur de l'élément.
<input id="phoneNumber" type="tel">
| Valeur | Une chaîne de caractères (cf. DOMString) qui représente le numéro de téléphone. |
| Évènements | change et input |
| Attributs pris en charge | required, autocomplete, pattern |
| Attributs IDL | value |
| Méthodes | select(), setRangeText(), setSelectionRange() |
Valeur
Un élément <input> dont l'attribut value contient une chaîne de caractères (DOMString) dans un format quelconque. Deux formes de valeurs sont valides :
- Une chaîne vide ("") qui indique qu'aucune valur n'a été saisie ou que la valeur a été supprimée.
- Un texte sans saut de ligne (c'est-à-dire sans les caractères "LF" LINE FEED (U+000A) ou "CR" CARRIAGE RETURN (U+000D)).
Note : Aucune validation n'est effectuée (comme pour les types email ou url). Il est possible d'ajouter un motif de validation via l'attribut pattern ou grâce à la méthode setCustomValidity().
Validation
En raison des nombreux formats permettant de représenter un numéro de téléphone, il n'y a pas de mécanisme de validation qui soit fourni pour cette valeur. Il est donc possible de saisir n'importe quel texte tant que celui-ci ne contient pas de caractères de saut de ligne.
Validation via une expression rationnelle
En ajoutant l'attribut pattern avec une expression rationnelle (cf. regexp) valide, on peut contraindre un format. Bien que cela permette d'assurer une certaine cohérence dans la plupart des cas, il reste toujours nécessaire d'appliquer une validation côté serveur. En effet, toutes les requêtes ne proviendront pas nécessairement de ce formulaire et il est tout à fait possible de modifier les formulaires côté client.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML Living Standard La définition de '<input type="tel">' dans cette spécification. |
Standard évolutif | Définition initiale. |
| HTML 5.1 La définition de '<input type="tel">' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !
| Fonctionnalité | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | Unknown (4.0) | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | 1.0 (1.0)[1] | (Oui) | (Oui) | (Oui) |