개발자의 끄적끄적

[html/css] html input number only example / html input 숫자만 입력받도록 설정하는 방법 본문

개발/html & css

[html/css] html input number only example / html input 숫자만 입력받도록 설정하는 방법

효벨 2021. 8. 23. 01:00
728x90
반응형

[html/css] html input number only example / html input 숫자만 입력받도록 설정하는 방법

 

 

html 에서

 

input 태그를 이용해서

 

입력창을 만들다보면,

 

숫자만 입력해야하는 경우가 있습니다!

 

그럴때는 아래처럼

 

input type 을 number 로 선언하시면 됩니다!

 

<input type="number"/>

 

위처럼 선언하면 input 에 숫자만 입력이 가능하고,

 

위 아래 숫자를 늘리고 줄일수 있는 버튼이 생성됩니다!

 

 

그래도 정확히 숫자만 입력받기 위해서는

 

onkeyup 이나 onkeypress 같은 이벤트를 받아서

 

체크하는게 정확합니다!

 

참고들 하세요!

반응형
Comments