HTML <input> step-ominaisuus

HTML <input> -elementti

Määritelmä ja käyttö

askel Ominaisuus määrittelee <input>-elementin laillisten numeroiden välisen välimatkan.

Esimerkki: Jos step="3", lailliset numerot voivat olla -3, 0, 3, 6 jne.

Vinkki:askel Ominaisuus voidaan käyttää yhdessä max- ja min-ominaisuuksien kanssa luodakseen laillisen arvojen alueen.

Huomioitavaa:askel Ominaisuus soveltuu seuraaviin syöteyyppeihin:

  • number
  • alue
  • päivämäärä
  • datetime-local
  • kuukausi
  • aika
  • viikko

Esimerkki

HTML-lomake, joka sisältää syötteen kentän, jossa on määritelty sallittu lukuinen väli:

<form action="/action_page.php">
  <label for="points">Pisteet：</label>
  <input type="number" id="points" name="points" step="3">
  <input type="submit">
</form>

Kokeile itse

syntaksi

<input step="number">

ominaisuusarvo

arvo kuvaus
number Määrittää syötteen kentässä sallittujen lukuisten välit. Oletusarvo on 1.
kaikki

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 10.0 16.0 5.0 10.6

Huomautus:askel Ominaisuus on uusi ominaisuus HTML5:ssä.

HTML <input> -elementti