[attribute] HTML - step 속성 - 입력 가능 숫자 간격 설정 (= step속성 = 스텝속성) ※ 입력 가능 배수 지정

1. step 예제 - 입력 가능 숫자 간격 설정
2. step 정의
3. step 구문

step 예제 - 입력 가능 숫자 간격 설정

(예) 5의 배수 입력

 

<form action="/action_page.php">

  <label for="point">숫자입력:</label>

  <input type="number" id="point" name="point" step="5">

  <input type="submit">

</form>

 

결과보기

step 정의

 

<input> 필드에 입력 가능한 숫자의 간격을 지정.

 

---

 

1. step 속성 사용 가능 태그 종류

<input>

• 사용 가능 타입: number, range, date, datetime-local, month, time, week

 

2. 

• step="3" 경우, ... -3, 0, 3, 6, 9, 12 ... 입력 가능.
• 입력 가능 숫자 범위 설정 위한 (min/max) 속성과 함께 사용 가능.

 

3.

IE10 이상 주요 최신 브라우저 모두 지원.

 

step 구문

 

<input step="number">

 

---

[속성값]

 

number

입력 가능 숫자의 간격

• (예) 5 경우, ...-5, 0, 5, 10, .... 입력 가능.