programming/HTML&CSS

[HTML] input 숫자만 입력받기(양수만)

LeeBorn 2019. 12. 25. 23:20
반응형

input에 숫자만 입력받기

<input type="number">

로 해주면 된다.

 

최솟값 설정

0 이상만 입력받고 싶으면 min 속성을 추가해주면 된다.

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

 

최댓값 설정

최대 값도 설정하려면 max도 추가할 수 있다.

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

 

위 설정은 html 속성으로 제어하는 것인데, 

완벽하게 막지는 못한다.

키보드의 마이너스 기호나, 복사 붙여 넣기나 이런 것들은 막지 못하기 때문에,

완벽하게 막고 싶다면 스크립트를 좀 더 추가해야 한다.

반응형