1. Web
  2. HTML
  3. Reference
  4. Attributes
  5. max

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTML-Attribut: max

Das max-Attribut definiert den maximal akzeptablen und gültigen Wert für die Eingabe, die das Attribut enthält. Wenn der value des Elements größer ist als dieser Wert, schlägt das Element bei der Validierung fehl. Dieser Wert muss größer oder gleich dem Wert des min-Attributs sein. Ist das max-Attribut vorhanden, aber nicht angegeben oder ungültig, wird kein max-Wert angewendet. Wenn das max-Attribut gültig ist und ein nicht-empties Wert größer ist als der maximal durch das max-Attribut erlaubte Wert, wird die Einschränkungsvalidierung die Formularübermittlung verhindern.

Das max-Attribut ist gültig für die numerischen Eingabetypen, einschließlich der date, month, week, time, datetime-local, number und range 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 erlaubten max-Wert überschreitet, wird validityState.rangeOverflow wahr sein, und das Steuerelement wird durch die :out-of-range und :invalid Pseudoklassen erfasst.

Syntax

Syntax für max Werte nach Eingabetyp type
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.

Siehe Client-seitige Validierung und rangeOverflow für weitere Informationen.

Für das <progress>-Element beschreibt das max-Attribut, wie viel Arbeit die durch das progress-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 das max-Attribut die obere numerische Grenze des gemessenen Bereichs. Dieser muss größer sein als der Minimalwert (das min-Attribut), falls angegeben. In beiden Fällen, wenn weggelassen wird, ist der Standardwert 1.

Syntax für max Werte für andere Elemente
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>

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 das max-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 oder aria-describedby zu verwenden.

Spezifikationen

Specification
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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

AltStyle によって変換されたページ (->オリジナル) /