復選框輸入元素中的“名稱”屬性的用途是什么？

Question

對於 XHTML 中的復選框輸入，我瀏覽了許多在線文檔。 誰能解開我的疑惑？ 這個name字段實際上代表什么？

Milk: <input type="checkbox" name="checkbox" value="Milk">
Chocolate: <input type="checkbox" name="checkbox" value="chocolate">
Cold Drink: <input type="checkbox" name="checkbox" value="Cold Drink">

我認為它是該特定復選框的標識符，以后只需引用它們的名稱就可以在其他文件中使用它，但是鑒於所有復選框都具有相同的名稱，為什么還要指定它呢？ 對此有點困惑。

Answer 1

不要因為name="checkbox"而感到困惑。 從邏輯上講，它可能是name="drink"和type=checkbox 。

在上述情況下，您有多個具有相同名稱的復選框。 當多個復選框具有相同名稱時，表單會在請求中向服務器發送一組值。 注意：只有選中復選框的值才會發送到服務器。

理想情況下，這些用於允許多個選擇題，其中允許多個答案。 與單選按鈕相反，單選按鈕在選項中只允許一個答案。

更新：

在接收端，例如，如果您使用 JSP - 所選復選框的值將在您的實際情況下以request.getParameterValues("drink")或request.getParameterValues("checkbox")的形式提供。 這是使用name屬性的地方。

Answer 2

name 屬性用於在提交后引用表單數據，並在客戶端使用 JavaScript 引用數據。

來源： http ://reference.sitepoint.com/html/input/name

基本上，你所描述的。 提交表單時，您可以通過您賦予它們的name訪問表單元素的值。

唯一需要多個具有相同name的input的地方是當它們是單選按鈕時，在這種情況下，它用於指示其中哪一個屬於同一組，因此只能選擇其中一個一次。

Answer 3

name屬性用於標識復選框。 您可以將其解析為像這樣的對象{checkboxName1: 'checkboxValue2', checkboxName2: 'checkboxValue2'}

Answer 4

“名稱”與數據庫記錄相同，每個字段都應該有一個名稱，所以當您點擊提交時，數據將記錄到數據庫中~~~~~