ホームページ > 記事 > ウェブフロントエンド > HTML の タグの概要とそれを無効にする方法
定義と使用法
d5fd7aea971a85678ba271703566ebfdタグはユーザー情報を収集するために使用されます。
さまざまなタイプの属性値に応じて、入力フィールドには多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。
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 属性は、input 要素を無効にすることを指定します。
無効化された入力要素は使用できず、クリックすることもできません。無効な属性は、他の条件 (チェックボックスが選択されているなど) が満たされるまで設定できます。次に、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 擬似要素を使用して
CSS Code复制内容到剪贴板 //Chrome Firefox Opera Safari input:disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; }
を定義します。2. クラスを使用して
CSS Code复制内容到剪贴板 //IE6 failed input[disabled]{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; }
を定義し、入力を追加します。 bedisabled class
CSS Code复制内容到剪贴板 input.disabled{ border: 1px solid #DDD; background-color: #F5F5F5; color:#ACA899; }
最終結果:
CSS Code复制内容到剪贴板 //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 スタイルは無効になります。または、それらを別々に記述することを検討できます。 input[disabled] を直接使用します。 ; IE9以下では文字色の変更はできません。
以上がHTML の タグの概要とそれを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。