<input/> 숫자만 입력하기

<input/>태그는 type속성에 따라 다르게 사용할 수 있으며 기본값으로는 text를 가지고있다.

1. type = "number"지정하기

<input type="number"/>

2. 정규식 사용하기

<input type="text" onKeyup={(e)=>{e.target.value.replace(/[^0-9]/g,'');}} />

🌟 IOS에서 숫자 키패드로 나오게 하기

<input type="number" pattern="\d*" >
<input type="number" pattern="^[0-9]*" >

좋은 웹페이지 즐겨찾기