屬性id

id 屬性規定 HTML 元素的唯一的 id。
id 在 HTML 文檔中必須是唯一的。

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

根據提供的唯一id號，快速獲取標簽對象。如：document.getElementById(id)
用于充當label標簽for屬性的值：示例：

<label for='userid'>用戶名：</label>

表示單擊此label標簽時，id為userid的標簽獲得焦點。

id 屬性可用作鏈接錨，通過 JavaScript或通過 CSS 為帶有指定 id 的元素改變或添加樣式。

屬性name

name指定標簽的名稱
name在 HTML 文檔中并不是唯一的。

<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';
    }
}