HTML name id和class的差别

name

特定标识的名字。

文件格式

<input type="text" name="username" />

运用情景

①form表单:name可做为转递给服务器表单目录的自变量名;如上面的传到服务器的名字为:username='text的值'。

②input type='radio'单选标识:把几个单选标识的 name设为1个同样值时,可能开展单选实际操作。

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

③迅速获得1组name同样的标识:获得有着同样name的标识,1起开展实际操作,如:变更特性、申请注册恶性事件等。

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网页页面中并不是唯1性。 
 

id

特定标识的唯1标志。

文件格式

<input type=password  id="userpwd" />

运用情景

①依据出示的唯1id号,迅速获得标识目标。如:document.getElementById(id)

②用于当做label标识for特性的值:示例:<label for='userid'>客户名:</label>,表明点击此label标识时,id为userid的标识得到聚焦点。
特点

id特性的值,在当今的page网页页面如果唯1的。 

 class

特定标识的类名。

文件格式

<input type=button class="btnsubmit" />

运用情景

①CSS实际操作,把1些特殊款式放到1个class类中,必须此款式的标识,能够在加上此类。

特点

能够把好几个类,放在1个class特性里,但务必用空格分隔;如:class='btnsubmit btnopen'