機能) などの違いの紹介。

ページには多くのコントロール (要素またはタグ) があります。これらのタグをより便利に操作するには、ID カードをタグに付ける必要があります。

必要な属性は、名前、ID、クラスです。

1. 名前

タグの名前を指定します。

1.1 フォーマット: <input type="text" name="username" />

1.2 アプリケーションシナリオ

①form: nameはサーバーに転送されるフォームリストの変数名として使用できます。たとえば、上記でサーバーに転送される名前は、username='テキストの値'です。

②入力タイプ='radio'ラジオタグ：複数のラジオタグの名前に同じ値を設定すると、ラジオ選択操作が行われます。

コードをコピー

コードは次のとおりです。

<input type="radio" name='sex'/>男性
<input type="radio" name='sex'/>女性③同じ名前のタグのグループをすばやく取得：同じ名前のタグを取得し、属性の変更、イベントの登録などの操作をまとめて実行します。
[コード]
関数 changtxtcolor() {
var txts = document.getElementsByName('txtcolor'); //name=txtcolor のすべてのタグを取得します
for (var i = 0; i < txts.length; i++) { //タグをループして背景色を赤に変更します
txts[i].style.backgroundColor = '赤';
}
}

1.3 特徴

name 属性の値は現在のページ内で一意ではありません。

2. id

タグの一意の識別子を指定します。

2.1 フォーマット: <input type=password id="userpwd" />

2.2 アプリケーションシナリオ:

①提供された固有のID番号に基づいてタグオブジェクトを素早く取得します。例: document.getElementById(id)

② ラベルタグの for 属性の値として使用されます。例: <label for='userid'>Username: </label> は、このラベルタグがクリックされると、ID が userid のラベルにフォーカスが当たることを意味します。

2.3 特徴

id 属性の値は現在のページ上で一意である必要があります。

3. クラス

タグのクラス名を指定します。

3.1 フォーマット: <input type=button class="btnsubmit" />

3.2 アプリケーションシナリオ:

①CSS操作では、特定のスタイルをクラスクラスに配置し、このスタイルのタグが必要な場合はこのクラスを追加します。

3.3 機能:

1 つのクラス属性に複数のクラスを入れることができますが、スペースで区切る必要があります。例: class='btnsubmit btnopen'

<<: LinuxでLVMディスクを拡張する詳細な手順

>>: CSS の Display、Visibility、Opacity、rgba、z-index: -1 の違い