..

Search

type="number"

<input type=“number”>


HTML <input> 태그 ⇒

<input> 태그의 type 속성 ⇒


정의 및 특징

<input type=“number”>는 숫자를 입력할 수 있는 입력 필드를 정의합니다.

 

이 속성값은 다음 속성들과 함께 사용하여 그 범위를 제한할 수 있습니다.

- max : <input> 요소의 최댓값을 명시함.

- min : <input> 요소의 최솟값을 명시함.

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

- value : <input> 요소의 초깃값(value)을 명시함.


문법

<input type="number">


예제
<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

type=“number”

지원함 지원함 10.0 지원함 지원함 지원함

HTML5에서 변경된 사항

<input type=“number”>는 HTML5에서 새롭게 추가된 속성값입니다.


연습문제