1. name ：指定標簽的名稱。

2. id ：指定標簽的唯一標識。

3. class ：指定標簽的類名

?

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

指定標簽的名稱。在當前page頁面中并非唯一性。

一個name可以同時對應多個控件，比如checkbox和radio
而id必須是全文檔中唯一的.

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

1.2 應用場景

①form表單：name可作為轉(zhuǎn)遞給服務器表單列表的變量名；如上面的傳到服務器的名稱為：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 &lt; txts.length; i++) { //循環(huán)遍歷標簽，并把背景色改為redtxts[i].style.backgroundColor = 'red';} }2.class????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

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

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

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

使用方法：class="baobao"

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

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

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

總結(jié)

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

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