MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/d6d7ff2e2f9c

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 :

  1. Une chaîne vide ("") qui indique qu'aucune valur n'a été saisie ou que la valeur a été supprimée.
  2. 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)

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,