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
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) |