Ostatnio edytowany:

step

Autor: Virtual Patriot

Przeznaczenie atrybutu step

Za pomocą atrybutu step możemy określić, o jaki zakres może zmienić się wartość posiadana przez daną, którą reprezentuje interesujący nas element HTML.

Elementy HTML dla atrybutu step

  1. input

Przykład atrybutu step

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <form action="http://webkod.pl/php/submit-result.php">
      <label>
        Wybierz liczbę dziesiętną z zakresu od zera do jeden:
        <input type="number" name="liczba" min="0" max="1" step="0.1" value="0.5">
      </label>

      <button type="submit">zatwierdź</button>
    </form>

  </body>
</html>

Rezultat

Podczas próby wyboru przez użytkownika wartości, jaką ma posiadać dana reprezentowana przez przykładowy element "input" wspomniana wartość danej może zmieniać się o zakres "0.1", ponieważ do wspomnianego elementu "input" został dodany atrybut "step" wraz z wartością "0.1".

Interpretacja atrybutu step

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 10

Edge

tak