【HTML】スマホでinputタグを数字入力のみに設定

この記事では、HTMLでスマホでinputタグを数字入力のみに設定する方法をソースコード付きでまとめました。。

inputタグを数字入力のみ

スマートフォンでinputタグに入力する際、数字キーボードのみを表示させたいことがあります。
その場合、type属性とpattern属性を以下のように記述します。
数字

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