Baseline Widely available
Das step
-Attribut ist eine Zahl, die die Granularität angibt, an die der Wert halten muss, oder das Stichwort any
. Es ist gültig für numerische Eingabetypen, einschlieÃlich des Typs date, month, week, time, datetime-local, number und range.
Das step
-Attribut legt das Schrittintervall fest, wenn man auf die Schaltflächen zum Erhöhen und Verringern klickt, einen Schieberegler links und rechts bewegt oder die verschiedenen Datumstypen validiert. Wenn es nicht explizit angegeben ist, beträgt der Standardwert von step
1 für number
und range
sowie 1 Einheitstyp (Minute, Woche, Monat, Tag) für die Datum-/Uhrzeit-Eingabetypen. Der Wert muss eine positive Zahl sein â ganzzahlig oder Gleitkommazahl â oder der spezielle Wert any
, was bedeutet, dass keine Schritte impliziert sind und jeder Wert erlaubt ist (auÃer es gibt andere Einschränkungen wie min
und max
).
Nur Werte, die eine ganzzahlige Anzahl von Schritten vom Basiswert des Schritts entfernt sind, sind gültig. Der Basiswert des Schritts ist min
, falls angegeben, ansonsten value
, oder 0
, wenn keiner von beiden angegeben ist (auÃer bei week
, das einen Standardbasiswert von â259.200.000 hat, was dem Beginn der Woche 1970-W01
entspricht).
<input type="date" min="2019-12-25" step="1">
month 1 (Monat) <input type="month" min="2019-12" step="12">
week 1 (Woche) <input type="week" min="2019-W23" step="2">
time 60 (Sekunden) <input type="time" min="09:00" step="900">
datetime-local 60 (Sekunden) <input type="datetime-local" min="2019-12-25T19:30" step="900">
number 1 <input type="number" min="0" step="0.1" max="10">
range 1 <input type="range" min="0" step="2" max="10">
Wenn any
nicht explizit gesetzt ist, sind gültige Werte für die Eingabetypen number
, Datum/Zeit und range
Eingabetypen gleich dem Basiswert für das Schrittverhalten - dem min
-Wert und Inkrementen des Schrittwerts bis zu den max
-Werten, falls angegeben. Das folgende Beispiel führt dazu, dass alle geraden Ganzzahlen gleich oder gröÃer als 10 gültig sind:
<input type="number" min="10" step="2" />
Wenn step
weggelassen wird, ist jede ganze Zahl gültig, aber Gleitkommazahlen wie 4.2 sind nicht gültig, da der Standardwert von step
1 ist. Damit 4.2 gültig ist:
step
entweder auf any
, 0.1 oder 0.2 gesetzt werden,min
-Wert müsste eine Zahl sein, die auf .2 endet, wie z.B. 0.2, 1.2 oder -5.2.min
auf step
Der Wert von min
definiert gültige Werte, auch wenn das step
-Attribut nicht enthalten ist. Dies liegt daran, dass step
für den Eingabetyp number
standardmäÃig auf 1
gesetzt ist.
In diesem Beispiel fügen wir eine groÃe rote Umrandung um ungültige Eingaben hinzu:
input:invalid {
border: solid red 3px;
}
Dann definieren wir eine Eingabe mit einem Mindestwert von 1.2 und einem Schrittwert von 2:
<input id="myNumber" name="myNumber" type="number" step="2" min="1.2" />
Gültige Werte sind 1.2, 3.2, 5.2, 7.2, 9.2, 11.2 und so weiter. Nur FlieÃkommazahlen mit einem ungeraden ganzzahligen Teil und einem Dezimalteil von .2 sind gültig. Der Zahlenspin, sofern vorhanden, generiert gültige FlieÃkommazahlen von 1.2 und höher in Schritten von 2.
Hinweis: Wenn die eingegebenen Daten nicht der Schrittkonfiguration entsprechen, wird der Wert bei der Einschränkungsvalidierung als ungültig angesehen und wird den Pseudoklassen :invalid
und :out-of-range
entsprechen.
Für weitere Informationen siehe Client-side validation und stepMismatch
.
Geben Sie Anweisungen, um den Nutzern 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 min
-Attribut verwenden, stellen Sie sicher, dass dieses Minimum vom Benutzer verstanden wird. In den <label>
Anweisungen bereitzustellen, kann ausreichend sein. Wenn Anleitungen auÃerhalb von Labels bereitgestellt werden, was flexiblere Positionierungen und Designs ermöglicht, berücksichtigen Sie die Verwendung von aria-labelledby
oder aria-describedby
.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4