L'attributmaxlength définit lalongueur maximale de chaîne de caractères que l'utilisateur·rice peut saisir dans un élément HTML<input> ou un élément<textarea>. L'attribut doit avoir une valeur entière supérieure ou égale à 0.

La longueur est mesurée enunités de code UTF-16, ce qui correspond souvent, mais pas toujours, au nombre de caractères. Si aucunmaxlength n'est défini, ou si une valeur invalide est définie, la saisie n'a pas de longueur maximale.

Toute valeur demaxlength doit être supérieure ou égale à la valeur deminlength, si elle est présente et valide. Le champ échouera à la validation des contraintes si la longueur du texte saisi dépasse le nombre d'unités de code UTF-16 autorisé parmaxlength. La validation des contraintes n'est appliquée que lorsque la valeur est modifiée par l'utilisateur·rice.

Validation des contraintes

Bien que le navigateur empêche généralement l'utilisateur·ice de saisir plus de texte que ne l'autorise l'attributmaxlength, si la longueur est supérieure à ce dernier, la propriété en lecture seuleValidityState.tooLong d'un objetValidityState sera vraie.

Exemple interactif

<label for="name">Nom du produit&nbsp;:</label><input   name="name"  type="text"  value="Shampoing"  minlength="3"  maxlength="20"  required /><label for="description">Description du produit&nbsp;:</label><textarea   name="description"  minlength="10"  maxlength="40"  required></textarea>

label {  display: block;  margin-top: 1em;}input:valid,textarea:valid {  background-color: palegreen;}

Exemple

<input type="password" maxlength="4" />

Spécifications

Compatibilité des navigateurs

html.elements.input.maxlength

html.elements.textarea.maxlength

Voir aussi

• L'attributminlength
• L'attributsize
• L'attributpattern
• Validation des contraintes
• Validation de formulaire
• L'élément<input>