HTML中的name屬性有哪些的作用？預設的name屬性又是什麼？
本篇文章主要介紹了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>
程式碼的效果是什麼呢？看圖
說了這麼多，大家對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>
這個圖的效果是什麼呢，讓我們一起來看看
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中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何在HTML中嵌入PDF文檔？
Aug 01, 2025 am 06:52 AM
使用標籤是最簡單且推薦的方法，語法為，適用於現代瀏覽器直接嵌入PDF；2.使用標籤可提供更好的控制和備用內容支持，語法為，並在標籤內提供下載鏈接作為不支持時的備用方案；3.可選通過GoogleDocsViewer嵌入，但因隱私和性能問題不建議廣泛使用；4.為提升用戶體驗，應設置合適的高度、使用響應式尺寸（如height:80vh）並提供PDF下載鏈接，以便用戶自行下載查看。
HTML中鏈接標籤中rel屬性的目的是什麼？
Aug 03, 2025 pm 04:50 PM
rel =“ stylesheet” linkscssfilesfilesforstylingthepage; 2.rel =“ pRELOAD” hintstopreloadcritical ricationResourcesourcesorforperformance; 3.rel =“ icon” setSthewebsite’sfavicon; 4.Rel =“ 4.REL =“ necter” selfertAltate's supportAlternate'sporlateRateSlikerSsorsSorsorSorprint; 5.ReL; 5.REL; 5.REL = REL =＆QU＆QU＆QU＆QU
如何以HTML表單創建搜索輸入字段
Aug 02, 2025 pm 04:44 PM
Usetheelementwithinatagtocreateasemanticsearchfield.2.Includeaforaccessibility,settheform'sactionandmethod="get"attributestosenddatatoasearchendpointwithashareableURL.3.Addname="q"todefinethequeryparameter,useplaceholdertoguideuse
HTML中錨標籤的目標屬性的目的是什麼？
Aug 02, 2025 pm 02:23 PM
ThetargetattributeinanHTMLanchortagspecifieswheretoopenthelinkeddocument.1._selfopensthelinkinthesametab(default).2._blankopensthelinkinanewtaborwindow.3._parentopensthelinkintheparentframe.4._topopensthelinkinthefullwindowbody,removingframes.Forexte
如何創建一個在HTML中發送表單數據的提交按鈕
Aug 02, 2025 pm 04:46 PM
使用元素並設置action和method屬性指定數據提交地址和方式；2.添加帶name屬性的輸入字段以確保數據可被服務器識別；3.使用或創建提交按鈕，點擊後瀏覽器會將表單數據發送至指定URL，由後端處理，完成數據提交。
HTML圖像的longDESC屬性仍然有用嗎
Aug 03, 2025 pm 02:15 PM
thelongdescattributeisobsobsobsobsoboorbrowserbrowserandscreenReaderSupport，通常會以usernawareofaveArabledTailedDescriptions.2.2.modernalternationallestlikeinlinatikelikeinlediscriptions，aria-descredions，aria-descorped，semantichIchtMlellelementsSuchatMlelellementsSuchasuchasfigaptereandfigaptiion和ExpandEctentendecontenteconten和ExpantEctEnten
如何使用標籤突出顯示文本？
Aug 04, 2025 pm 04:29 PM
使用標籤可語義化地高亮文本，常用於標識搜索結果或重要內容；2.可通過CSS自定義樣式，如背景色、文字色和邊框；3.應在具有實際意義的上下文中使用，而非僅作視覺裝飾，以提升可訪問性和SEO效果。
如何使用HTML創建一個在新標籤中打開的鏈接
Aug 05, 2025 am 04:29 AM
要安全地在新標籤頁中打開鏈接，需使用target="_blank"並始終配合rel="noopener"，可選rel="noreferrer"以增強隱私保護，具體步驟為：1.使用href設置目標URL；2.添加target="_blank"使鏈接在新標籤頁打開；3.加上rel="noopener"防止新頁面操控原頁面並提升性能；4.可選rel="noreferrer"以阻止發送
