반응형
input type="number"를 쓰면 해결가능하지만 마이너스도 나오고 오른쪽에 올리고 내릴수있는 버튼이 브라우저 마다 다르게보이고 버튼이 보이는게 싫다.
input type="text"에 onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" 를 추가
<input type="text" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');"/>
- number의 장점
input type="number"쓰는 이유 모바일에서 input 누를때 숫자키패드로 나옴 위처럼 설정하면 문자입력이 먼저나옴
반응형
'개발노트' 카테고리의 다른 글
| 메인페이지 이미지 로딩 시간 줄이기 (0) | 2022.04.29 |
|---|---|
| 엔터키로 이벤트 실행시키기 (0) | 2022.04.29 |
| input type="number" 길이 제한하기 (0) | 2022.04.29 |
| DB에 <br> 들어갔을 때 줄 바꿈 적용하는 법 (0) | 2022.04.29 |
| form 안에 button 자동 submit 막기 (0) | 2022.04.29 |