CSS を使用して入力コントロールを無効にし、無効化効果を実現します

必要

CSS を使用して入力コントロールを無効にし、無効化効果を実現します

分析する

js では、input、select、checkbox などのデフォルトのイベントを防ぐために次のメソッドを使用します。

javascript event.preventDefault() 
event.stopPropagation()

ただし、CSS では、入力ボックスをクリックできない効果を設定し、入力ボックスの透明度を追加して無効な効果を実現できます。

コード

<input style="pointer-events: none;background-color: rgba(233, 233, 233, 0.5);" />