search

SoYoung210 / soso-tip

🍯소소한 팁들과 정리, 버그 해결기를 모아두는 레포
24 stars 0 forks source link

[input] type=number 해도 숫자 키패드가 올라오지 않는경우 #27

Open SoYoung210 opened 5 years ago

SoYoung210 commented 5 years ago

Description

 <input className="input" type="number"></input>

위와 같이 작성해도 기호가 포함된 키패드가 올라온다.

image

              <input
                className="input"
                pattern="\d*"
                type="number"
              ></input>

pattern을 주면 숫자만 표현된다.

image

More

inputmode 를 활용하면 소수점을 찍는데 편할 수 있도록 . 까지 띄울 수 있다.

위 링크에서 브라우저 지원 범위를 꼭 확인해야 한다. 

              <input
                className="input"
                pattern="\d*"
                type="number"
                inputmode="decimal"
              ></input>

image