Attribut HTML : max

L'attributmax définit la valeur maximale acceptable et valide pour le champ de saisie contenant l'attribut. Si lavaleur de l'élément est supérieure à cette valeur, l'élément échoue àla validation des contraintes. Cette valeur doit être supérieure ou égale à la valeur de l'attributmin. Si l'attributmax est présent mais n'est pas défini ou est invalide, aucune valeurmax n'est appliquée. Si l'attributmax est valide et qu'une valeur non vide est supérieure au maximum autorisé par l'attributmax, la validation des contraintes empêchera la soumission du formulaire.

Valable pour les types de saisie numérique, y compris les typesdate,month,week,time,datetime-local,number etrange, ainsi que les deux éléments HTML<progress> et<meter>, l'attributmax est un nombre qui spécifie la valeur la plus positive qu'un contrôle de formulaire doit considérer comme valide.

Si la valeur dépasse la valeur maximale autorisée, l'attribut JavaScriptValidityState.rangeOverflow sera vrai, et le contrôle sera assorti des pseudo-classes:out-of-range et:invalid.

Syntaxe

Syntaxe pour les valeurs`max` par`type` de saisie.
Type de saisie	Syntaxe	Exemple
date	`yyyy-mm-dd`	`<input type="date" max="2019-12-25" step="1">`
month	`yyyy-mm`	`<input type="month" max="2019-12" step="12">`
week	`yyyy-W##`	`<input type="week" max="2019-W23" step="">`
time	`hh:mm`	`<input type="time" max="17:00" step="900">`
datetime-local	`yyyy-mm-ddThh:mm`	`<input type="datetime-local" max="2019-12-25T23:59">`
number	`<number>`	`<input type="number" min="0" step="5" max="100">`
range	`<number>`	`<input type="range" min="60" step="5" max="100">`

Note :Lorsque les données saisies par l'utilisateur·ice ne respectent pas la valeur maximale fixée, la valeur est considérée comme invalide dans la validation des contraintes et correspondra aux pseudo-classes CSS:invalid et:out-of-range.

Voir lavalidation côté client etrangeOverflow pour plus d'informations.

Pour l'élément<progress>, l'attributmax décrit la quantité de travail que nécessite la tâche indiquée par l'élémentprogress. S'il est présent, il doit avoir une valeur supérieure à zéro et être un nombre à virgule flottante valide. Pour l'élément<meter>, l'attributmax définit la limite numérique supérieure de la plage mesurée. Celle-ci doit être supérieure à la valeur minimale (min attribut), si elle est définie. Dans les deux cas, si elle est omise, la valeur est égale à 1 par défaut.

Syntaxe pour les valeurs`max` pour d'autres éléments
Élément	Syntaxe	Exemple
`<progress>`	`<number>`	`<progress max="100" value="70"> 70% </progres>`
`<meter>`	`<number>`	`<meter min="0" max="100" low="33" high="66" optimum="80" value="40"> à 40/100 </meter>`

Accessibilité

Fournissez des instructions pour aider les utilisateur·ice·s à comprendre comment remplir le formulaire et utiliser les contrôles individuels du formulaire. Indiquez toute entrée obligatoire et facultative, les formats de données et toute autre information pertinente. Lorsque vous utilisez l'attributmax, assurez-vous que cette exigence maximale est comprise par l'utilisateur·ice. Fournir des instructions dans le<label> peut être suffisant. Si vous fournissez des instructions en dehors des étiquettes, ce qui permet un positionnement et une conception plus flexibles, envisagez d'utiliseraria-labelledby ouaria-describedby.