HTMLの名前idとクラスの違い_动力节目Java学院整理

名称

タグの名称を指定する。

フォーマット

<input type="text" name="username" />

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

form form: name はサーバーのフォームリストに渡される変数名として使用できます。例えば、上記のサーバーに渡される名前は: username='value of text'.です。

②input type='radio' ラジオタグ：複数のラジオタグの名前を同じ値に設定すると、1回の選択操作で済む。

<input type="radio" name='sex'/>Male
<input type="radio" name='sex'/>female

同名のタグを素早く取得：同名のタグを取得し、属性変更、イベント登録などの操作をまとめて行うことができます。

function changtxtcolor() {
    var txts = document.getElementsByName('txtcolor'); //get all tags with name=txtcolor
    for (var i = 0; i < txts.length; i++) { //loop through the tags and change the background color to red
        txts[i].style.backgroundColor = 'red';
    }
}

特徴

name属性の値で、現在のページページ内で一意でないもの。 

イド

タグの一意な識別子を指定する。

形式

<input type=password id="userpwd" />

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

1.提供された一意のID番号に基づいて、タグオブジェクトを迅速に取得します。例：document.getElementById(id)

属性用ラベル label の値として動作するように使用します。例： <label for='userid'>username:</label> は、このラベルラベルがクリックされたとき、id useridのラベルにフォーカスが当たることを示します。
特徴

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

 クラス

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

フォーマット

<input type=button class="btnsubmit" />

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

CSS操作で、特定のスタイルをクラスに入れて、そのスタイルが必要なタグに、そのようなスタイルを追加することができます。

特徴

1つのclass属性に複数のclassを指定できますが、空白で区切る必要があります。