-
[HTML] input 숫자만 입력받기(양수만)programming/HTML&CSS 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 속성으로 제어하는 것인데,
완벽하게 막지는 못한다.
키보드의 마이너스 기호나, 복사 붙여 넣기나 이런 것들은 막지 못하기 때문에,
완벽하게 막고 싶다면 스크립트를 좀 더 추가해야 한다.
반응형'programming > HTML&CSS' 카테고리의 다른 글
[HTML] 이미지 오류시 대체 이미지 표시하기 (0) 2022.07.23 [HTML&CSS] 속성 검색 하기(값으로 시작, 포함, 끝) (0) 2019.12.14 [HTML&CSS] 마우스 커서 변경하기(물음표, 금지, 손가락 등) (0) 2019.11.11 [HTML&CSS] CSS 우선순위 적용 (!important) (0) 2019.11.10 [html] 스크립트 삽입 위치와 async, defer 속성 (0) 2019.10.26