明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

HTML中的name屬性的有哪一些作用？默認(rèn)的name屬性又是什么？

發(fā)表時(shí)間：2023-09-03 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章主要介紹了html中表單的name屬性介紹，有基礎(chǔ)的定義和實(shí)例效果圖，還有html中的name屬性的作用解釋，還有表單中的name屬性的實(shí)例介紹。我們先來了解一下name屬性在表單中的定義：name 屬性規(guī)定 input 元素的名稱。name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)或者...
本篇文章主要介紹了html中表單的name屬性介紹，有基礎(chǔ)的定義和實(shí)例效果圖，還有html中的name屬性的作用解釋，還有表單中的name屬性的實(shí)例介紹。

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

name 屬性規(guī)定 input 元素的名稱。

name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)

或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

注釋：只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。

<input name="value">

看一個(gè)實(shí)例，讓你們更了解上面的定義

帶有兩個(gè)文本字段和一個(gè)提交按鈕的 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>

代碼的效果是什么呢？看圖

tuyi.png

說了這么多，大家對(duì)name屬性應(yīng)該有些了解了，那么現(xiàn)在開始說說HTML中name屬性的作用吧

在表單提交時(shí)如果你用request.form（"name"）那么你可以得到你文本框中輸入的值，如果你頁面上有多個(gè)控件的name都相同的話，那你用getelementsbyname就可以得到一個(gè)數(shù)組。還有如果你頁面上有兩個(gè)radio是讓用戶來選擇性別的話，如果你沒給這兩個(gè)按鈕設(shè)置name屬性，那么你可以試試它是個(gè)什么效果。radio是能用來讓用戶選擇性別的，一般選擇性別時(shí)只能選一個(gè)，如果你不把這兩個(gè)radio的name不設(shè)成相同的話，那么他就會(huì)既能選擇男又可以選擇女,所以name屬性在表單中是很重要的.

說了這么多，再看一個(gè)name屬性的作用實(shí)例代碼：

<html> 
<select> 
<option value="1">php中文網(wǎng)</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">&nbsp;<input type="text" value="請(qǐng)輸入原因"/> </SPAN> 
</html>

這個(gè)圖的效果是什么呢，讓我們一起來看看

tuer.png

name屬性是控件的名稱（多個(gè)控件可以取同一個(gè)名稱），value是控件的值

并不是所有控件的value都會(huì)顯示出來

定義控件的name和value之后就可以在服務(wù)器上獲取這個(gè)控件和它的值

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

控件不定義name/value也可以顯示，只是為了方便在服務(wù)器接收和區(qū)別，才定義它的name/value，當(dāng)然按鈕的value 不光是存放它的值，也是用來顯示的

好了，以上就是這篇文章的全部?jī)?nèi)容了，有什么疑問歡迎在下方提問

【相關(guān)推薦】

HTML中head標(biāo)簽是什么意思？一篇文章教你正確地使用head標(biāo)簽

html表格中的th表頭內(nèi)容怎么居中？th表頭標(biāo)簽align屬性的具體介紹

以上就是HTML中的name屬性的有哪些作用？默認(rèn)的name屬性又是什么？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。