HTML name id和class的區(qū)別_動力節(jié)點(diǎn)Java學(xué)院整理

name

指定標(biāo)簽的名稱。

格式

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

應(yīng)用場景

①form表單：name可作為轉(zhuǎn)遞給服務(wù)器表單列表的變量名；如上面的傳到服務(wù)器的名稱為：username='text的值'。

②input type='radio'單選標(biāo)簽：把幾個單選標(biāo)簽的 name設(shè)為一個相同值時，將會進(jìn)行單選操作。

<input type="radio" name='sex'/>男
<input type="radio" name='sex'/>女

③快速獲取一組name相同的標(biāo)簽：獲取擁有相同name的標(biāo)簽，一起進(jìn)行操作，如:更改屬性、注冊事件等。

function changtxtcolor() {
    var txts = document.getElementsByName('txtcolor'); //獲取所有name=txtcolor 的標(biāo)簽
    for (var i = 0; i < txts.length; i++) { //循環(huán)遍歷標(biāo)簽，并把背景色改為red
        txts[i].style.backgroundColor = 'red';
    }
}

特性

name屬性的值，在當(dāng)前page頁面中并非唯一性。 
 

id

指定標(biāo)簽的唯一標(biāo)識。

格式

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

應(yīng)用場景

①根據(jù)提供的唯一id號，快速獲取標(biāo)簽對象。如：document.getElementById(id)

②用于充當(dāng)label標(biāo)簽for屬性的值：示例：<label for='userid'>用戶名：</label>，表示單擊此label標(biāo)簽時，id為userid的標(biāo)簽獲得焦點(diǎn)。
特性

id屬性的值，在當(dāng)前的page頁面要是唯一的。 

 class

指定標(biāo)簽的類名。

格式

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

應(yīng)用場景

①CSS操作，把一些特定樣式放到一個class類中，需要此樣式的標(biāo)簽，可以在添加此類。

特性

可以把多個類，放在一個class屬性里，但必須用空格隔開；如：class='btnsubmit btnopen'