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

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屬性的值,在當前page頁面中并非唯一性。
id
指定標簽的唯一標識。
格式
<input type=password id="userpwd" />
應(yīng)用場景
①根據(jù)提供的唯一id號,快速獲取標簽對象。如:document.getElementById(id)
②用于充當label標簽for屬性的值:示例:<label for='userid'>用戶名:</label>,表示單擊此label標簽時,id為userid的標簽獲得焦點。
特性
id屬性的值,在當前的page頁面要是唯一的。
class
指定標簽的類名。
格式
<input type=button class="btnsubmit" />
應(yīng)用場景
①CSS操作,把一些特定樣式放到一個class類中,需要此樣式的標簽,可以在添加此類。
特性
可以把多個類,放在一個class屬性里,但必須用空格隔開;如:class='btnsubmit btnopen'
相關(guān)文章
HTML name、id、class 的(格式/應(yīng)用場景/特性)等區(qū)別介紹
為了更方便的操作頁面中標簽,就需要給這些標簽標識一個身份牌,所需用到的屬性有:name、id、class,它們的具體格式、應(yīng)用場景及其特性如下,感興趣的朋友可以參考下哈2013-05-30- 網(wǎng)頁教學(xué)網(wǎng)--HTML超文本標記語言速查手冊 <!-- --> !DOCTYPE A ACRONYM2008-10-17