HTML の <input> タグの詳細な説明と、それを無効にする方法

定義と使用法
<input> タグはユーザー情報を収集するために使用されます。
type 属性の値に応じて、入力フィールドにはさまざまな形式を設定できます。入力フィールドには、テキスト フィールド、チェック ボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。
HTML と XHTML の違い
HTML では、<input> タグに終了タグはありません。
XHTML では、<input> タグを適切に閉じる必要があります。
例
2 つのテキスト入力ボックスと送信ボタンを備えたシンプルな HTML フォーム:

disabled 属性は、入力要素を無効にすることを指定します。
無効な入力要素は使用できず、クリックもできません。無効プロパティは、他の条件 (チェックボックスが選択されているなど) が満たされるまで設定できます。次に、JavaScript を使用して無効な値を削除し、入力要素の値を有効に切り替える必要があります。

以下の3つの方法で入力を無効にすることができます

無効な入力はデフォルトでグレー表示され、CSS を使用してスタイルを設定できます。注意: IE9以下ではフォントの色を変更できません
1. CSS3 :disabled疑似要素定義を使用する

2. 属性セレクタを使用して定義する

3. クラスを使用して、無効にする入力にクラスを定義して追加します。

最終結果:

注意: IE8 のバグ
IE8 は :disabled を認識しないため、input[disabled] および input:disabled スタイルは無効です。これらを別々に記述するか、input[disabled] を直接使用することを検討してください。 ; IE9以下ではフォントの色を変更できません。

デモ