1. name ：指定標(biāo)簽的名稱(chēng)。

2. id ：指定標(biāo)簽的唯一標(biāo)識(shí)。

3. class ：指定標(biāo)簽的類(lèi)名

?

1. name?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

指定標(biāo)簽的名稱(chēng)。在當(dāng)前page頁(yè)面中并非唯一性。

一個(gè)name可以同時(shí)對(duì)應(yīng)多個(gè)控件，比如checkbox和radio
而id必須是全文檔中唯一的.

格式:<input type="text" name="username" />

1.2 應(yīng)用場(chǎng)景

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

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

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

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

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

?????? class是設(shè)置標(biāo)簽的類(lèi)，用于指定元素屬于何種樣式的類(lèi)。在CSS樣式中以小寫(xiě)的“點(diǎn)”及“.”來(lái)命名，在html頁(yè)面里則以class="css5" 來(lái)選擇調(diào)用，命名好的CSS又叫css選擇器。
如： .css5{屬性：屬性值;}

選擇器在html調(diào)用為:

.baoba{ color: lime; background: #ff80c0 }

使用方法：class="baobao"

3.id??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

????? id是設(shè)置標(biāo)簽的標(biāo)識(shí)。用于定義一個(gè)元素的獨(dú)特的樣式。在CSS樣式定義的時(shí)候 以“#”來(lái)開(kāi)頭命名id名稱(chēng)
如一個(gè)CSS規(guī)則：
#binbin{ font-size: larger }
使用方法：id="binbin"
id是一個(gè)標(biāo)簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就象你的名字，如果一個(gè)屋子有2個(gè)人同名，就會(huì)出現(xiàn)混淆；

轉(zhuǎn)載于:https://www.cnblogs.com/MacleLiang/p/5262723.html

總結(jié)

以上是生活随笔為你收集整理的HTML 中 id、name、class 区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。