-
step属性を使用する方法:
<input type="number" step="1">
この方法では、input要素のstep属性を1に設定します。これにより、ユーザーは1ずつ増減することしかできず、小数を入力することはできません。
-
pattern属性を使用する方法:
<input type="text" pattern="[0-9]*" inputmode="numeric">
この方法では、input要素のtype属性を"text"に設定し、pattern属性を使用して正規表現パターンを指定します。上記の例では、0から9までの数字のみを受け付けるパターンが指定されています。さらに、inputmode属性を"numeric"に設定することで、モバイルデバイス上で数字キーボードが表示されるようになります。
-
JavaScriptを使用する方法:
<input type="number" id="myInput"> <script> var input = document.getElementById("myInput"); input.addEventListener("input", function() { if (this.value.indexOf(".") !== -1) { this.value = this.value.slice(0, this.value.indexOf(".")); } }); </script>
この方法では、JavaScriptを使用して入力値の変更を監視し、小数点が含まれている場合は削除します。上記の例では、id属性が"myInput"のinput要素を監視しています。入力値に小数点が含まれている場合、小数点以降の部分を削除しています。
これらの方法を組み合わせることで、ユーザーが小数を入力できないようにすることができます。適用する方法は、特定の要件や環境に応じて選択してください。