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

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

inputタグを数字入力のみ

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

<input type="number" pattern="\d*">
関連記事
1 【HTML/CSS入門】Web制作のサンプル集
2 【Javascript入門】サンプル集
関連記事