ホームページ  >  記事  >  ウェブフロントエンド  >  HTML の タグの概要とそれを無効にする方法

HTML の タグの概要とそれを無効にする方法

PHPz
PHPzオリジナル
2017-04-02 09:44:113188ブラウズ

定義と使用法

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。