-
readonly属性を使用する方法: HTMLの要素にreadonly属性を追加することで、入力フィールドの入力を無効化することができます。
<input type="text" readonly>
-
disabled属性を使用する方法: HTMLの要素にdisabled属性を追加することで、入力フィールドの入力を無効化することができます。
<input type="text" disabled>
-
JavaScriptを使用する方法: JavaScriptを使って入力フィールドのイベントを監視し、入力を無効化することもできます。以下は、JavaScriptを使用した例です。
<input type="text" id="myInput"> <script> var inputField = document.getElementById("myInput"); inputField.addEventListener("keydown", function(event) { event.preventDefault(); }); </script>
上記の例では、idが"myInput"である要素のkeydownイベントを監視し、キーボードの入力を無効化しています。
これらの方法を組み合わせることもできます。たとえば、readonly属性とJavaScriptを組み合わせて、特定の条件下でのみ入力を無効化することも可能です。