HTML元素的ID和Name屬性的區別

html元素的id和name屬性的區別

一直認為id和name是一樣的，兩個又可以一起出現，甚是疑惑。

最classical的答案：id就像是乙個人的身份證號碼，而name就像是他的名字，id顯然是唯一的，而name是可以重複的。

顯然這個id和name的解答說的太籠統了，當然那個解釋對於id來說是完全對的，它就是client端html元素的identity。而name其實要複雜的多，因為name有很多種的用途，所以它並不能完全由id來代替，從而將其取消掉。具體用途有：

用途1: 作為可與伺服器互動資料的html元素的伺服器端的標示，比如input、select、textarea、和button等。我們可以在伺服器端根據其name通過request.params取得元素提交的值。

用途2: html元素input type='radio'分組，我們知道radio button控制項在同乙個分組類，check操作是mutex的，同一時間只能選中乙個radio，這個分組就是根據相同的name屬性來實現的。

用途3: 建立頁面中的錨點，我們知道link是獲得乙個頁面超級鏈結，如果不用href屬性，而改用name，如：，我們就獲得了乙個頁面錨點。

用途5: 在img元素和map元素之間關聯的時候，如果要定義img的熱點區域，需要使用其屬性usemap，使usemap="#name"(被關聯的map元素的name)。

顯然這些用途都不是能簡單的使用id來代替掉的，所以html元素的id和name的卻別並不是身份證號碼和姓名這樣的區別，它們更本就是不同作用的東西。

文章出處：標準之路(