溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML中name屬性有什么用途

發(fā)布時間：2020-11-18 11:04:55 來源：億速云 閱讀：375 作者：小新 欄目：web開發(fā)

這篇文章主要介紹HTML中name屬性有什么用途，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

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

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

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

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

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

注釋：只有設(shè)置了 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屬性應(yīng)該有些了解了，那么現(xiàn)在開始說說HTML中name屬性的作用吧

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

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

<html> 
<select> 
<option value="1">億速云</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="請輸入原因"/> </SPAN> 
</html>

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

HTML中name屬性有什么用途

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

并不是所有控件的value都會顯示出來

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

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

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

以上是HTML中name屬性有什么用途的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手