福野泰介@taisukefブラウザに潜む以外な落とし穴 input type=number で、数字以外が入力できちゃう!? 仕方ないので作ったinput-numberタグと実用オブジェクト指向fukuno.jig.jp絶対数字しか入力できないinput-numberタグの作り方 #js #codefor / 福野泰介の一日一創 / Create every day by Taisuke Fukunoウェブアプリで数字しか入力できないコンポーネントと言えば、input type=number ですが、英数も見かけ上入力できてしまったり(Safari)、桁数を制限しようとmaxlengthやmaxを指定しても完全に効くわけではありません（Chrome/Safari）。...午後10:39 · 2021年10月12日·Twitter Web App1 件のリツイート1 件の引用ツイート7 件のいいね
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="680" height="357"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="75"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="136"><rect fill-opacity="0"/></svg>)