Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTML-Attribut: max
Dasmax-Attribut definiert den maximal akzeptablen und gültigen Wert für die Eingabe, die das Attribut enthält. Wenn dervalue des Elements größer ist als dieser Wert, schlägt das Element bei derValidierung fehl. Dieser Wert muss größer oder gleich dem Wert desmin-Attributs sein. Ist dasmax-Attribut vorhanden, aber nicht angegeben oder ungültig, wird keinmax-Wert angewendet. Wenn dasmax-Attribut gültig ist und ein nicht-empties Wert größer ist als der maximal durch dasmax-Attribut erlaubte Wert, wird die Einschränkungsvalidierung die Formularübermittlung verhindern.
Dasmax-Attribut ist gültig für die numerischen Eingabetypen, einschließlich derdate,month,week,time,datetime-local,number undrange Typen, sowie die<progress> und<meter> Elemente. Es ist eine Zahl, die den maximalen positiven Wert angibt, damit ein Formularelement als gültig betrachtet wird.
Wenn der Wert den erlaubtenmax-Wert überschreitet, wirdvalidityState.rangeOverflow wahr sein, und das Steuerelement wird durch die:out-of-range und:invalid Pseudoklassen erfasst.
In diesem Artikel
Syntax
| Eingabetyp | Syntax | Beispiel |
|---|---|---|
| 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"> |
Hinweis:Wenn die vom Benutzer eingegebenen Daten nicht dem festgelegten Maximalwert entsprechen, wird der Wert in der Einschränkungsvalidierung als ungültig betrachtet und stimmt mit den Pseudoklassen:invalid und:out-of-range überein.
SieheClient-seitige Validierung undrangeOverflow für weitere Informationen.
Für das<progress>-Element beschreibt dasmax-Attribut, wie viel Arbeit die durch dasprogress-Element angezeigte Aufgabe erfordert. Wenn vorhanden, muss es einen Wert größer als null haben und eine gültige Fließkommazahl sein. Für das<meter>-Element definiert dasmax-Attribut die obere numerische Grenze des gemessenen Bereichs. Dieser muss größer sein als der Minimalwert (dasmin-Attribut), falls angegeben. In beiden Fällen, wenn weggelassen wird, ist der Standardwert 1.
| Eingabetyp | Syntax | Beispiel |
|---|---|---|
<progress> | <number> | <progress max="100" value="70"> 70% </progress> |
<meter> | <number> | <meter min="0" max="100" low="33" high="66" optimum="80" value="40"> at 40/100</meter> |
Barrierefreiheitsprobleme
Geben Sie Anweisungen, um Benutzern zu helfen, das Formular auszufüllen und einzelne Formularelemente zu verwenden. Geben Sie alle erforderlichen und optionalen Eingaben, Datenformate und andere relevante Informationen an. Wenn Sie dasmax-Attribut verwenden, stellen Sie sicher, dass diese maximale Anforderung vom Benutzer verstanden wird. Anweisungen innerhalb des<label> zu geben, könnte ausreichend sein. Wenn Sie Anweisungen außerhalb von Labels bereitstellen, was eine flexiblere Positionierung und Gestaltung zulässt, ziehen Sie in Betracht,aria-labelledby oderaria-describedby zu verwenden.
Spezifikationen
| Specification |
|---|
| HTML> # attr-input-max> |
| HTML> # attr-meter-max> |
| HTML> # attr-progress-max> |