2012-04-15 72 views
21

我忙於HTML一些學校5.HTML 5差異輸入ID和輸入名稱?

因此,這裏是我的代碼

<label for="name">Name</label> 
<input type="text" id="name" name="name" placeholder="your name" required><br> 

位所以我的問題其實是:

是什麼名字之間的區別ID?目的?哪一個更重要?

+0

另一件事,順便說一句:「名稱」是JavaScript中的保留字,它可能會導致您出現錯誤的行爲。 – 2013-04-09 15:36:31

回答

47

總之,name是當你提交表單發送到服務器的標識符。 id是瀏覽器,客戶端,JavaScript等的唯一標識符。

18

name的屬性是用於提交表單元素添加到服務器;許多元素可以共享相同的name(例如單選按鈕,其中必須在集合內具有相同的名稱)。

id屬性是用於唯一識別的任何元素(不只是形成元件)。它必須必須在整個文檔中是唯一的。

+2

並且:防止大腦超負荷的常見做法是在需要時使用相同的id和名稱。 (並且在php/javascript程序中使用相同的名稱來表示該節點或其值,並保持其類似於頁面上顯示的標籤。)對於單選按鈕(其中名稱在幾個節點之間共享/ ids),使用明顯相應的名稱,例如'name =「按鈕」id =「buttons-yes」'。 – 2014-07-20 17:01:53

7

id屬性應該是您的文檔中是唯一的。只有一個元素可以有一個給定的ID。 document.getElementById()找到具有給定id的第一個元素。提交表單時

name該屬性用於通過形式,如在一個鍵/值對的密鑰。 value屬性既顯示在瀏覽器中,又與表單一起提交。

也不是「更重要,」他們只是不同的。如果你有一個XML思維模式,它們都只是節點上的屬性。在HTML中,它們有更多的含義。