HTML タグとその無効化

定義と使用法

タグはユーザー情報を収集するために使用されます。
さまざまな type 属性値に応じて、入力フィールドには多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。
HTML と XHTML の違い
HTML では、 タグには終了タグがありません。
XHTML では、 タグを正しく閉じる必要があります。
例
2 つのテキスト入力ボックスと送信ボタンを含む単純な HTML フォーム:

<form action="form_action.asp" method="get">  
  First name: <input type="text" name="fname" />  
  Last name: <input type="text" name="lname" />  
  <input type="submit" value="Submit" />  
</form>

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

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

<input type="text" disabled="disabled" value="已禁用" />  
<input type="text" disabled="disabled" value="已禁用" />  
<input type="text" disabled="disabled" value="已禁用" />

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

//Chrome Firefox Opera Safari   
input:disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

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

//IE6 failed   
input[disabled]{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

を定義し、入力を追加します。クラス

input.disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

最終結果:

//Chrome Firefox Opera Safari IE9+   
input:disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}   
//IE8-   
input[disabled]{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}   
//IE6 Using Javascript to add CSS class "disabled"  
* html input.disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

注: IE8 のバグ
IE8 は:disabled を認識しないため、input[disabled] スタイルと input:disabled スタイルは無効になります。それらを個別に使用するか、直接入力を使用します [無効]。 ; IE9以下では文字色の変更はできません。

HTML の タグとその無効化に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。