5000164 is here
My writing is my life.
No results for undefined
Powered byAlgolia
iOS のブラウザで数字のみのキーボードを出す

iOS のブラウザにおいて数字のみのキーボードを出したいときがあります。
しかし、 input type="number" ってやっても数字以外のキーがでてきてしまう。
そうだ、 input type="tel" ってやれば数字のみになる、しかしセマンティックではない。

そこで、 input type="text" pattern="\d*"

HTML5 からは入力文字を pattern で正規表現を利用して制御できるようになりました。
そこで入力可能文字を数字のみにすると iOS で数字のみのキーボードを出してくれるというものです。
賢いですね。

というわけで、実演

<input type="number">

<input type="tel">

<input type="text" pattern="\d*">

以下、参考