ホームページ > 記事 > ウェブフロントエンド > HTML タグとその無効化
定義と使用法
d5fd7aea971a85678ba271703566ebfdタグはユーザー情報を収集するために使用されます。
さまざまな type 属性値に応じて、入力フィールドには多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。
HTML と XHTML の違い
HTML では、d5fd7aea971a85678ba271703566ebfd タグには終了タグがありません。
XHTML では、d5fd7aea971a85678ba271703566ebfd タグを正しく閉じる必要があります。
例
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 の d5fd7aea971a85678ba271703566ebfd タグとその無効化に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。