max HTML-Attribut
Das max Attribut definiert den maximal akzeptablen und gültigen Wert für das Eingabefeld, das dieses Attribut enthält. Wenn der value des Elements größer als dieser ist, schlägt die Validierung des Elements fehl. Dieser Wert muss größer oder gleich dem Wert des min Attributs sein. Ist das max Attribut vorhanden, aber nicht spezifiziert oder ungültig, wird kein max Wert angewendet. Wenn das max Attribut gültig ist und ein nicht leerer Wert größer als der durch das max Attribut erlaubte Maximalwert ist, verhindert die Einschränkungsvalidierung das Absenden des Formulars.
Das max Attribut ist gültig für numerische Eingabetypen, einschließlich der Typen date, month, week, time, datetime-local, number und range, sowie für die Elemente <progress> und <meter>. Es ist eine Zahl, die den höchsten positiven Wert angibt, den ein Formularelement als gültig betrachten kann.
Wenn der Wert den erlaubten Maximalwert überschreitet, wird validityState.rangeOverflow wahr sein, und das Element wird durch die Pseudoklassen :out-of-range und :invalid übereinstimmen.
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 wird mit den Pseudoklassen :invalid und :out-of-range übereinstimmen.
Siehe Clientseitige Validierung und rangeOverflow für weitere Informationen.
Für das <progress> Element beschreibt das max Attribut, wie viel Arbeit der durch das progress Element angezeigte Vorgang erfordert. Wenn vorhanden, muss es einen Wert größer als null haben und eine gültige Gleitkommazahl sein. Für das <meter> Element definiert das max Attribut die obere numerische Grenze des gemessenen Bereichs. Dieser muss größer sein als der Mindestwert (Attribut min), sofern angegeben. In beiden Fällen wird, falls weggelassen, der Wert standardmäßig auf 1 gesetzt.
| Eingabetyp | Syntax | Beispiel |
|---|---|---|
<progress> |
<number> |
<progress id="file" max="100" value="70"> 70%
</progress>
|
<meter> |
<number> |
<meter id="fuel" min="0" max="100" low="33" high="66"
optimum="80" value="40"> at 40/100</meter>
|
Zugänglichkeitsbedenken
Geben Sie Anweisungen, die den Benutzern helfen, das Formular auszufüllen und einzelne Formularelemente zu verwenden. Geben Sie an, welche Eingaben erforderlich und welche optional sind, welche Datenformate erwartet werden und weitere relevante Informationen. Beim Verwenden des max Attributs stellen Sie sicher, dass die maximale Anforderung vom Benutzer verstanden wird. Das Geben von Anweisungen innerhalb der <label> kann ausreichend sein. Wenn Anweisungen außerhalb von Labels gegeben werden, was eine flexiblere Positionierung und Gestaltung ermöglicht, ziehen Sie die Verwendung von aria-labelledby oder aria-describedby in Betracht.
Spezifikationen
| Spezifikation |
|---|
| HTML # attr-input-max |
| HTML # attr-meter-max |
| HTML # attr-progress-max |
Browser-Kompatibilität
html.elements.input.max
html.elements.meter.max
html.elements.progress.max
Siehe auch
stepmin- Einschränkungsvalidierung
- Formularvalidierung
validityState.rangeOverflow:out-of-range<input>- date, month, week, time, datetime-local, number und range Typen, sowie das
<meter>.