HTML中的name屬性的有哪一些作用?默認的name屬性又是什么?
發表時間:2023-09-03 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章主要介紹了html中表單的name屬性介紹,有基礎的定義和實例效果圖,還有html中的name屬性的作用解釋,還有表單中的name屬性的實例介紹。我們先來了解一下name屬性在表單中的定義:name 屬性規定 input 元素的名稱。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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。