這次帶給大家HTML裡的name與id和class到底有什麼不同，怎麼使用name,id,class？使用name,id,class的注意事項有哪些，下面就是實戰案例，一起來看一下。
name
指定標籤的名稱。
格式
<input type="text" name="username" />
應用程式場景
①form表單：name可作為轉遞給伺服器表單清單的變數名稱；如上面的傳到伺服器的名稱為：username='text的值'。
②input type='radio'單選標籤：把幾個單選標籤的 name設為一個相同值時，將會進行單選操作。
<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++) { //循环遍历标签，并把背景色改为red
txts[i].style.backgroundColor = 'red';
}
}特性
name屬性的值，在目前page頁面中並非唯一性。
id
指定標籤的唯一識別。
格式
<input type=password id="userpwd" />
應用場景
①根據提供的唯一id號，快速取得標籤物件。如：document.getElementById(id)
②用於充當label標籤for屬性的值：範例：，表示點擊此label標籤時，id為userid的標籤獲得焦點。
特性
id屬性的值，在目前的page頁面要是唯一的。
class
指定標籤的類別名稱。
格式
<input type=button class="btnsubmit" />
應用場景
①CSS操作，把一些特定樣式放到一個class類別中，需要此樣式的標籤，可以在新增此類。
特性
可以把多個類，放在一個class屬性裡，但必須用空格隔開；如：class='btnsubmit btnopen'
我相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
相關閱讀：
#以上是HTML裡的name與id和class到底有什麼不同的詳細內容。更多資訊請關注PHP中文網其他相關文章！
