HTML-Attribut: min
Das min-Attribut definiert den minimalen Wert, der akzeptabel und gültig für das input ist, das dieses Attribut enthält. Ist der value des Elements kleiner als dieser, schlägt die Validierung des Elements fehl. Dieser Wert muss kleiner oder gleich dem Wert des max-Attributs sein.
Einige Eingabetypen haben ein Standardminimum. Wenn das input kein Standardminimum hat und ein Wert für min angegeben wird, der nicht in eine gültige Zahl umgewandelt werden kann (oder kein Mindestwert festgelegt ist), hat das input keinen Mindestwert.
Es ist gültig für folgende Eingabetypen: date, month, week, time, datetime-local, number und range sowie das <meter>-Element.
Syntax
| Eingabetyp | Syntax | Beispiel |
|---|---|---|
| date | yyyy-mm-dd |
<input type="date" min="2019-12-25" step="1"> |
| month | yyyy-mm |
<input type="month" min="2019-12" step="12"> |
| week | yyyy-W## |
<input type="week" min="2019-W23" step=""> |
| time | HH:mm |
<input type="time" min="09:00" step="900"> |
| datetime-local | yyyy-mm-ddTHH:mm |
<input type="datetime-local" min="2019-12-25T19:30">
|
| 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 Min-Wert entsprechen, wird der Wert in der Constraint-Validierung als ungültig angesehen und wird den :invalid und :out-of-range Pseudoklassen entsprechen.
Siehe Client-seitige Validierung und rangeUnderflow für weitere Informationen.
Für das <meter>-Element definiert das min-Attribut die untere numerische Grenze des gemessenen Bereichs. Diese muss kleiner sein als der maximale Wert (Attribut max), falls angegeben. In beiden Fällen, falls ausgelassen, beträgt der Standardwert 1.
Auswirkung auf step
Der Wert von min und step definiert die gültigen Werte, auch wenn das step-Attribut nicht enthalten ist, da step standardmäßig auf 0 steht.
Wir fügen einen großen roten Rahmen um ungültige Eingaben hinzu:
input:invalid {
border: solid red 3px;
}
Dann definieren wir eine Eingabe mit einem Mindestwert von 7.2 und lassen das step-Attribut weg, wobei es auf 1 voreingestellt ist.
<input id="myNumber" name="myNumber" type="number" min="7.2" value="8" />
Da step standardmäßig auf 1 steht, sind gültige Werte 7.2, 8.2, 9.2 usw. Der Wert 8 ist nicht gültig. Da wir einen ungültigen Wert eingegeben haben, zeigen unterstützende Browser den Wert als ungültig an.
Wenn step nicht ausdrücklich eingeschlossen ist, ist der Standardwert für number und range 1 und 1 Einheitstyp (Sekunde, Woche, Monat, Tag) für die Datum-/Uhrzeit-Eingabetypen.
Zugänglichkeitsprobleme
Geben Sie Anweisungen, um den Benutzern zu helfen, das Formular auszufüllen und die einzelnen Formularsteuerelemente zu verwenden. Geben Sie an, welche Eingaben erforderlich und optional sind, welche Datenformate gelten und andere relevante Informationen. Wenn Sie das min-Attribut verwenden, stellen Sie sicher, dass diese Mindestanforderung vom Benutzer verstanden wird. Das Bereitstellen von Anweisungen innerhalb des <label> kann ausreichend sein. Wenn Sie Anweisungen außerhalb von Labels bereitstellen, was eine flexiblere Positionierung und Gestaltung ermöglicht, sollten Sie aria-labelledby oder aria-describedby in Betracht ziehen.
Spezifikationen
| Specification |
|---|
| HTML # attr-input-min |
| HTML # attr-meter-max |
Browser-Kompatibilität
html.elements.input.min
html.elements.meter.min
Siehe auch
stepmax- andere Meter-Attribute:
low,high,optimum - Constraint-Validierung
- Formularvalidierung
validityState.rangeUnderflow:out-of-range<input>- date, month, week, time, datetime-local, number und range sowie das
<meter>