<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>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| step | 6.0 | 지원함 |
10.0 |
16.0 | 5.0 | 10.6 |
HTML5에서 변경된 사항
step 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.
