iOS のブラウザで数字のみのキーボードを出す

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

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

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

というわけで、実演

<input type="number">

input type 1

<input type="tel">

input type 2

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

input type 3

以下、参考