step HTML attribuut
1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het step attribuut?
Bepaalt de stapgrootte tussen toegestane waarden bij numerieke of datum/tijd-invoertypes, zoals number, range en date. De waarde 'any' schakelt afronding op een vaste stap uit.
<input type="number" step="0.5" min="0" max="10">Welke HTML-elementen kennen step?
<input>
Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...
Geldig voor date, month, week, time, datetime-local, number en range; het attribuut step is een getal dat de granulariteit opgeeft waaraan de waarde moet voldoen. Alleen waarden die een heel aantal stappen van de stapbasis verwijderd zijn, zijn geldig. De stapbasis is min indien opgegeven, anders value, of 0 als geen van beide is opgegeven (behalve voor week, dat een standaard stapbasis van −259.200.000 heeft, wat het begin van week 1970-W01 voorstelt).
Indien niet expliciet opgenomen:
- is de standaardwaarde van
step1 voornumberenrange. - heeft elk datum-/tijd-invoertype een bij het type passende standaard
step-waarde; zie de afzonderlijke invoerpagina's:date,datetime-local,month,timeenweek.
De waarde moet een positief getal zijn — geheel getal of kommagetal — of de speciale waarde any, wat betekent dat er geen stapgrootte wordt afgedwongen en elke waarde is toegestaan (afgezien van andere beperkingen, zoals min en max).
Als je bijvoorbeeld <input type="number" min="10" step="2"> hebt, is elk even geheel getal van 10 of hoger geldig. Bij weglating is bij <input type="number"> elk geheel getal geldig, maar kommagetallen (zoals 4.2) niet, omdat step standaard 1 is. Om 4.2 geldig te maken, had step ingesteld moeten worden op any, 0.1, 0.2, of de min-waarde had een getal moeten zijn dat eindigt op .2, zoals <input type="number" min="-5.2">.
Wanneer de door de gebruiker ingevoerde gegevens niet voldoen aan de stapconfiguratie, wordt de waarde als ongeldig beschouwd bij validatie van beperkingen en komt deze overeen met de :invalid-pseudoklasse.
Zie Clientzijdige validatie voor meer informatie.