HTML中的name屬性有哪些的作用？預設的name屬性又是什麼？-html教學-PHP中文網

首頁

web前端

html教學

HTML中的name屬性有哪些的作用？預設的name屬性又是什麼？

寻∝梦

Aug 27, 2018 pm 02:16 PM

htmlname

本篇文章主要介紹了html中表單的name屬性介紹，有基礎的定義和實例效果圖，還有html中的name屬性的作用解釋，還有表單中的name屬性的實例介紹。

我們先來了解name屬性在表單中的定義：

name 屬性規定 input 元素的名稱。

name 屬性用於對提交到伺服器後的表單資料進行標識

或在用戶端透過 JavaScript 引用表單資料。

註解：只有設定了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

<input name="value">

看一個實例，讓你們更了解上面的定義

#帶有兩個文字欄位和一個提交按鈕的HTML 表單：

<form action="form_action.asp" method="get">
  <p>name: <input type="text" name="fullname" /></p>
  <p>email: <input type="text" name="email" /></p>
  <input type="submit" value="Submit" />
</form>

程式碼的效果是什麼呢？看圖

HTML中的name屬性有哪些的作用？預設的name屬性又是什麼？

說了這麼多，大家對name屬性應該有些了解了，那麼現在開始說說HTML中name屬性的作用吧

在表單提交時如果你用request.form（"name"）那麼你可以得到你文字方塊中輸入的值，如果你頁面上有多個控制項的name都相同的話，那你用getelementsbyname就可以得到一個陣列。還有如果你頁面上有兩個radio是讓使用者來選擇性別的話，如果你沒給這兩個按鈕設定name屬性，那麼你可以試試看它是個什麼效果。 radio是能用來讓使用者選擇性別的，一般選擇性別時只能選一個，如果你不把這兩個radio的name不設成相同的話，那麼他就會既能選擇男又可以選擇女,所以name屬性在表單中是很重要的.

說了這麼多，再看一個name屬性的作用實例碼：

<html> 
<select> 
<option value="1">php中文网</option> 
<option value="2" selected="selected">百度</option> 
<option value="3">腾讯</option> 
</select> 
<form> 
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />非常喜欢 
<input type="checkbox" name="newsletter" value="Weekly" />喜欢 
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />还行 
</form> 
<input type="button" value="确定"/> 
<SPAN style="WHITE-SPACE: pre"> <input type="text" value="请输入原因"/> </SPAN> 
</html>

這個圖的效果是什麼呢，讓我們一起來看看

HTML中的name屬性有哪些的作用？預設的name屬性又是什麼？

name屬性是控制項的名稱（多個控制項可以取同一個名稱），value是控制項的值

並不是所有控制項的value都會顯示出來

定義控制項的name和value之後就可以在伺服器上取得這個控制項和它的值

沒看到submit的name，並不表示瀏覽器忽略了它的name，在提交之前它也被瀏覽器定義了name，在伺服器上一樣可以得到它的name 和value

控制項不定義name/value也可以顯示，只是為了方便在伺服器接收和區別，才定義它的name/value，當然按鈕的value 不光是存放它的值，也是用來顯示的

好了，以上就是這篇文章的全部內容了，有什麼疑問歡迎在下方提問

【相關推薦】

HTML中head標籤是什麼意思？一篇文章教你正確地使用head標籤

html表格中的th表頭內容怎麼居中？ th表頭標籤align屬性的具體介紹

以上是HTML中的name屬性有哪些的作用？預設的name屬性又是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

HTML和代碼：仔細觀察術語Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML，CSS和JavaScript：Web開發人員的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構，使用標籤如、等。 2.CSS控製網頁樣式，使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互，通過事件監聽和DOM操作。

HTML，CSS和JavaScript的角色：核心職責Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

HTML容易為初學者學習嗎？Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML中起始標籤的示例是什麼？Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。