<input/> 숫자만 입력하기

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

1. type = "number"지정하기

<input type="number"/>

2. 정규식 사용하기

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

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

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

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