[HTML] 숫자만 입력받기 및 숫자 최대값 최소값 입력 제한하기

마크업 작업을 할 때, 사용자에게 입력을 받는 페이지에서는 <input> 요소를 사용합니다.

<input> 요소는 마크업 요소 중에서 강한 기능을 가지고 있습니다. 그 이유는 정말 많은 유형(type) 기능을 제공하기 때문입니다.

 

type의 기본값은 type="text"입니다.

 

숫자만 입력을 받게 하는 유형(type)도 있습니다.

 

input요소에는 type이라는 속성이 존재합니다.  

type 속성 중에 number를 사용하면 됩니다.

 

1. input type="number"로 준다.

<input type="number" />

 

2. 입력값 최소값 및 최대값 설정하기

<input type="number"  min="0" max="5">

 

 

MDN을 참고하시면 많은 도움이 됩니다.

MDN HTML <input> 입력 요소