HTML - step 屬性

HTML step 屬性用於設定合法數字之間的間隔或不同的步長。

step 設定單擊向上和向下微調按鈕、在範圍內左右移動滑塊以及驗證不同資料型別時的步進間隔。如果未明確包含，則數字和範圍的預設值為 1。時間的預設步進值為 1 秒，900 等於 15 分鐘。例如；如果 step = "3"，則合法數字可以是 -3、0、3、6 等。

注意：step 屬性適用於以下輸入型別：number、range、date、datetime-local、month、time 和 week。此屬性可以與 max 和 min 屬性一起使用以建立一系列合法值。

語法

<input step = "value" >

應用於

以下列出的元素允許使用 HTML step 屬性。

元素	描述
<input>	HTML <input> 標籤用於指定輸入欄位。

HTML step 屬性示例

下面的示例將說明 HTML step 屬性，以及我們應該在哪裡以及如何使用此屬性！

使用數字定義間隔步長

在以下示例中，我們建立了一個輸入欄位，我們可以在其中增加或減少數字，但是當我們設定 step="5" 時，它將使用 5 作為間隔。

<!DOCTYPE html>
<html>

<head>
   <title>HTML step Attribute</title>
</head>

<body>
   <h2>HTML step Attribute</h2>
   <input type="number" name="tp" step="5"
          placeholder="multiples of 5">
</body>

</html>

使用 step 屬性停用特定月份

在下面的程式碼中，輸出視窗將顯示應用了 step 屬性（步長為 2）的輸入欄位，應用於輸入 type=month，因此偶數月份將被停用。

<!DOCTYPE html>
<html>

<head>
   <title>HTML step Attribute</title>
</head>

<body>
   <h2>HTML step Attribute</h2>
   <input type="month" name="month" step="2" 
          placeholder="Month will step by 2">
</body>

</html>

支援的瀏覽器

屬性
step	是 6.0	是 10.0	是 16.0	是 5.0	是 10.6

html_attributes_reference.htm

列印頁面