From 8829a7c9eb82f180bac76ed5836aaef95be209a1 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:12:55 +0200 Subject: move *.html to *.md --- files/fr/web/html/attributes/minlength/index.md | 76 +++++++++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 files/fr/web/html/attributes/minlength/index.md (limited to 'files/fr/web/html/attributes/minlength/index.md') diff --git a/files/fr/web/html/attributes/minlength/index.md b/files/fr/web/html/attributes/minlength/index.md new file mode 100644 index 0000000000..2e3960b93f --- /dev/null +++ b/files/fr/web/html/attributes/minlength/index.md @@ -0,0 +1,76 @@ +--- +title: 'Attribut HTML : minlength' +slug: Web/HTML/Attributes/minlength +tags: + - Attribute + - Attributes + - Constraint validation + - HTML + - Input + - Reference + - minlength + - textarea +translation_of: Web/HTML/Attributes/minlength +--- +

{{HTMLSidebar}}

+ +

L'attribut minlength définit le nombre minimal de caractères (sous forme d'unités de code UTF-16) que l'utilisateur peut saisir dans un élément <input> ou <textarea>. Il doit s'agir d'une valeur entière égale ou supérieure à 0. Si aucune longueur minimale n'est spécifiée, ou si une valeur invalide est spécifiée, l'entrée n'a pas de longueur minimale. Cette valeur doit être inférieure ou égale à la valeur de maxlength, sinon la valeur ne sera jamais valide, car il est impossible de satisfaire aux deux critères.

+ +

L'entrée échouera à la validation des contraintes si la longueur de la valeur textuelle du champ est inférieure à minlength unités de code UTF-16, avec validityState.tooShort retournant true. La validation des contraintes n'est appliquée que lorsque la valeur est modifiée par l'utilisateur. En cas d'échec de la soumission, certains navigateurs affichent un message d'erreur indiquant la longueur minimale requise et la longueur actuelle.

+ +

Exemples

+ +

En ajoutant minlength="5", la valeur doit soit être vide, soit comporter cinq caractères ou plus pour être valide.

+ +
<label for="fruit">Entrez un nom de fruit d'au moins 5 lettres.</label>
+<input type="text" minlength="5" id="fruit">
+ +

Nous pouvons utiliser des pseudo-classes pour donner un style à l'élément en fonction de la validité de la valeur. La valeur sera valide tant qu'elle sera soit nulle (vide), soit longue de cinq caractères ou plus. Vert est invalide, Citron est valide.

+ +
input {
+  border: 2px solid currentcolor;
+}
+input:invalid {
+  border: 2px dashed red;
+}
+input:invalid:focus {
+  background-image: linear-gradient(pink, lightgreen);
+}
+ +
{{EmbedLiveSample('examples', '', 40)}}
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + +
SpécificationStatut
{{SpecName('HTML WHATWG', 'input.html#attr-input-minlength', 'l\'attribut minlength')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5.1', 'input.html#attr-minlength-accept', 'l\'attribut minlength')}}{{Spec2('HTML5.1')}}
+ +

Compatibilité des navigateurs

+ +

{{Compat("html.elements.attribute.minlength")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf