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 속성으로 제어하는 것인데,
완벽하게 막지는 못한다.
키보드의 마이너스 기호나, 복사 붙여 넣기나 이런 것들은 막지 못하기 때문에,
완벽하게 막고 싶다면 스크립트를 좀 더 추가해야 한다.
반응형