..

Search

step

step

<input> 태그의 step 속성


HTML <input> 태그 ⇒


정의 및 특징

<input> 태그의 step 속성은 <input> 요소에 입력할 수 있는 숫자들 사이의 간격을 명시합니다.

 

만약 step 속성값이 2라면, <input> 요소에 입력할 수 있는 숫자는 ..., -4, -2, 0, 2, 4, ... 등이 됩니다.

step 속성은 min, max 속성과 함께 <input> 요소에 입력할 수 있는 유효한 값의 범위를 설정하는데 사용할 수 있습니다.

 

step 속성이 제대로 동작하는 <input> 요소의 type 속성값은 다음과 같습니다.

- date, datetime, datetime-local, month, number, range, time, week


문법

<input step="숫자">


속성값

속성값   설명

숫자

 

<input> 요소에 입력할 수 있는 숫자들 사이의 간격을 명시함.

기본값은 1


예제
<form action="/examples/media/action_target.php" method="get">
    1부터 20까지의 짝수 : <input type="number" name="even" min="2" max="20" step="2"><br>
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

step 6.0 지원함

10.0

16.0 5.0 10.6

HTML5에서 변경된 사항

step 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.


연습문제