From 2727d3c76fd54476ecc29fc01b6ce3fe8e33b582 Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Wed, 13 Oct 2021 07:08:36 +0200 Subject: Prepare HTML section for Markdown conversion (#2628) * Remove summary classes * Remove useless spans * Remove notranslate * Fix element index page (cf en-US) * Align page vs en-US cf8bcd9 for CI * Remove hidden classes * remove ids * Fix notes - part 1 / n * Fix notes - part 2/2 * Fix warnings * fix dls and some other issues * Fix imgs and styles --- files/fr/web/html/attributes/pattern/index.html | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) (limited to 'files/fr/web/html/attributes/pattern') diff --git a/files/fr/web/html/attributes/pattern/index.html b/files/fr/web/html/attributes/pattern/index.html index 73604d285f..c5e53db9ef 100644 --- a/files/fr/web/html/attributes/pattern/index.html +++ b/files/fr/web/html/attributes/pattern/index.html @@ -12,7 +12,7 @@ original_slug: Web/HTML/Attributs/pattern ---
{{HTMLSidebar}}
-

L'attribut pattern indique une expression rationnelle que doit respecter la valeur du contrôle du formulaire. Si une valeur non nulle (qui n'est pas null) ne respecte pas les contraintes portées par pattern, la propriété patternMismatch en lecture seule, rattachée à l'objet ValidityState, vaudra true.

+

L'attribut pattern indique une expression rationnelle que doit respecter la valeur du contrôle du formulaire. Si une valeur non nulle (qui n'est pas null) ne respecte pas les contraintes portées par pattern, la propriété patternMismatch en lecture seule, rattachée à l'objet ValidityState, vaudra true.

L'attribut pattern peut être utilisé pour les champs de type text, tel, email, url, password, search.

@@ -20,9 +20,8 @@ original_slug: Web/HTML/Attributs/pattern

Si le motif n'est pas indiqué ou est invalide, aucune expression rationnelle ne sera appliquée et l'attribut sera ignoré.

-
-

Note :

-

On pourra utiliser l'attribut title afin de fournir aux utilisateurs des explications quant aux règles à respecter pour que la valeur soit valide. Attention, on ne doit pas utiliser uniquement cet attribut pour fournir ces explications. Voir ci-après quant à l'utilisabilité.

+
+

Note :On pourra utiliser l'attribut title afin de fournir aux utilisateurs des explications quant aux règles à respecter pour que la valeur soit valide. Attention, on ne doit pas utiliser uniquement cet attribut pour fournir ces explications. Voir ci-après quant à l'utilisabilité.

Certains types d'<input> qui prennent en charge l'attribut pattern (notamment email et url) ont des contraintes particulières qui doivent également être respectées. Si l'attribut pattern n'est pas présent et que la valeur saisie ne respecte pas la syntaxe attendue pour ce type de champ, la propriété en lecture seule typeMismatch vaudra true.

@@ -38,9 +37,9 @@ original_slug: Web/HTML/Attributs/pattern

Exemples

+

Exemple 1

Avec le fragment de code HTML suivant :

-
<p>
  <label>Veuillez saisir votre numéro de téléphone au format (123)456-7890
   (<input name="tel1" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit area code" size="2"/>)-
@@ -57,8 +56,7 @@ original_slug: Web/HTML/Attributs/pattern
   border: red solid 3px;
 }
-
{{EmbedLiveSample("exemple1", 300, 80)}}
-
+
{{EmbedLiveSample("Exemple_1", 300, 80)}}

En utilisant les attributs minlength et maxlength à la place, on aurait eu les propriétés validityState.tooLong ou validityState.tooShort qui auraient valu true.

@@ -81,8 +79,7 @@ original_slug: Web/HTML/Attributs/pattern </div> </form> -

Cela donne le résultat suivant :

-- cgit v1.2.3-54-g00ecf