name

指定標簽的名稱。

格式

 input type= text name= username / 

應(yīng)用場景

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

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

 input type= radio name= sex / 男 input type= radio name= sex / 女

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

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

特性

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

id

指定標簽的唯一標識。

格式

 input type=password id= userpwd / 

應(yīng)用場景

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

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

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

class

指定標簽的類名。

格式

 input type=button >

應(yīng)用場景

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

特性

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

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php 其它相關(guān)文章！

相關(guān)閱讀：

怎樣在HTML網(wǎng)頁中插入視頻

如何使用HTML+CSS做出鼠標劃過就可以顯示二級菜單欄

H5里圖片中有縫隙應(yīng)該如何解決

以上就是HTML里的name與id和class到底有什么不同的詳細內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。