什么是input標簽的name屬性

本篇文章為大家展示了什么是input標簽的name屬性，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

首先讓我們先認識一下HTML input標簽的name屬性：

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

name屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

name屬性只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。name 屬性規(guī)定 input 元素的名稱。

name：控件的名字，一個控件是否設(shè)置它的 name 屬性是不會影響到這個網(wǎng)頁的功能實現(xiàn)的。但是，當我們需要把這個控件所關(guān)聯(lián)的數(shù)據(jù)傳遞到數(shù)據(jù)庫時，就必須要設(shè)置 name 屬性。相當于人的姓名，可以重名

現(xiàn)在來個input標簽的name屬性實例看看：

帶有兩個文本字段和一個提交按鈕的 HTML 表單：

<form action="form_action.asp" method="get">
  <p>姓名: <input type="text" name="fullname" /></p>
  <p>郵箱: <input type="text" name="email" /></p>
  <input type="submit" value="提交" />
</form>

上圖看懂了嗎？現(xiàn)在讓我們看看效果圖就差不多了：

說說input標簽的name屬性三個使用用途：

1: 作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標示，比如input、select、textarea、和button等。我們可以在服務(wù)器端根據(jù)其Name通過Request.Params取得元素提交的值。

2: 某些特定元素的屬性，如attribute，meta和param。例如為Object定義參數(shù)<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

3: 建立頁面中的錨點，我們知道<a href="URL">link</a>是獲得一個頁面超級鏈接，如果不用href屬性，而改用Name，如：<a name="PageBottom"></a>，我們就獲得了一個頁面錨點。

現(xiàn)在說的是HTML input標簽的name屬性和id屬性的區(qū)別：

id要符合標識的要求,比如大小寫敏感,最好不要包含下劃線(因為不兼容CSS)。而name基本上沒有什么要求,甚至可以用數(shù)字。ID就像是一個人的身份證號碼，而Name就像是他的名字，ID顯然是唯一的，而Name是可以重復(fù)的。

<input> 標簽規(guī)定用戶可輸入數(shù)據(jù)的輸入字段。

根據(jù)不同的 type 屬性，輸入字段有多種形態(tài)。輸入字段可以是文本字段、復(fù)選框、密碼字段、單選按鈕、按鈕等等。

id：作為標簽的唯一標識。

name：作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標示。

上述內(nèi)容就是什么是input標簽的name屬性，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。