name屬性用于向例如Web服務器投遞。id主要用于CSS(和javascript)。假設您有這樣的設置：

<input id="message_id" name="message_name" type="text" />

為了在提交表單時使用PHP獲取值，它將使用name-屬性，如下所示：

$_POST["message_name"];

正如前面所說，id用于樣式設置，用于當您想要使用特定的CSS時。

#message_id
{
    background-color: #cccccc;
}

當然，您可以對您的id和name-屬性使用相同的名稱。這兩個人不會互相干涉。

此外，名稱可以用于更多的項目，如當你使用無線電按鈕。然后使用名稱對您的無線電按鈕進行分組，因此您只能選擇其中一個選項。

<input id="button_1" type="radio" name="option" />
<input id="button_2" type="radio" name="option" />

在這個非常具體的例子中，我可以進一步說明id是如何使用的，因為您可能需要一個帶有無線電按鈕的標簽。Label有一個for-屬性，它使用輸入的id將該標簽鏈接到您的輸入(當您單擊Label時，將選中該按鈕)。示例可在下面找到

<input id="button_1" type="radio" name="option" /><label for="button_1">Text for button 1</label>
<input id="button_2" type="radio" name="option" /><label for="button_2">Text for button 2</label>

ID必須是唯一的。

.在頁面DOM元素樹中，因此每個控件都是單獨訪問其id在客戶端(瀏覽器頁內)

• 加載在頁面中的JavaScript腳本
• 頁面上定義的CSS樣式

在頁面上擁有非唯一的ID仍然會呈現您的頁面，但是它肯定是無效的。當解析無效的HTML時，瀏覽器是非常寬容的。但不要因為似乎它起作用了。

名稱通常是唯一的，但可以共享。

.在同一類型的幾個控件之間的頁面DOM(例如單選按鈕)，因此當數據被發送到服務器時，只發送一個特定的值。因此，當頁面上有幾個單選按鈕時，只有選定的一個按鈕value獲取回發到服務器，即使有幾個具有相同屬性的相關單選按鈕控件。name.

向服務器發送數據的增編*當數據被發送到服務器(通常是通過HTTPPOST請求)時，所有數據作為名稱-值對哪里名字，姓名是name輸入HTML控件和價值是它的value由用戶輸入/選擇。對于非Ajax請求，情況總是如此。在ajax請求中，名稱-值對能，會，可以獨立于頁面上的HTML輸入控件，因為開發人員可以向服務器發送他們想要的任何東西。很多時候，值也是從輸入控件中讀取的，但我只是想說，這并不一定是這樣的。

當名稱可以重復時

有時，名稱在任何形式的輸入類型的控件之間共享可能是有益的。但什么時候？您沒有說明您的服務器平臺可能是什么，但是如果您使用類似ASP.NETMVC之類的工具，您就可以獲得自動數據驗證(客戶端和服務器)以及將發送的數據綁定到強類型的好處。這意味著這些名稱必須匹配類型屬性名。

現在假設您有這樣的場景：

• 您有一個具有相同類型項列表的視圖。
• 用戶通常一次只處理一個項，所以他們只使用一個項輸入數據并將其發送到服務器。

所以視圖的模型(因為它顯示了一個列表)是類型的IEnumerable<SomeType>但是您的服務器端只接受一個類型的項。SomeType.

那分享名字怎么樣？

每個項目都在自己的范圍內包裝。FORM元素中的元素和輸入元素具有相同的名稱，因此當數據到達服務器(來自任何元素)時，它將正確綁定到控制器操作所期望的字符串類型。

在我的創作故事迷你網站。您不會理解這種語言，但是您可以查看這些多個表單和共享名稱。算了吧IDS也是重復的(這是違反規則的行為)，但這是可以解決的。只是在這個案子里沒什么關系。