溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹HTML中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">億速云</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中name屬性有什么用途的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
