HTML input標籤的屬性有哪些？ input標籤的name屬性介紹

本篇文章主要的介紹了關於HTML input標籤的name屬性的介紹，包括input標籤的name屬性的實例和三個使用的用途以及input標籤中的name屬性和id的區別哪些。好了，下面我們一起來看文章吧

首先讓我們先來認識HTML input標籤的name屬性：

name屬性規定 input 元素的名稱。

name屬性用於對提交到伺服器後的表單資料進行標識，或在客戶端透過 JavaScript 引用表單資料。

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

name：控制項的名字，一個控制項是否設定它的 name 屬性是不會影響到這個網頁的功能實現的。但是，當我們需要把這個控制項所關聯的資料傳遞到資料庫時，就必須設定 name 屬性。相當於人的姓名，可以重新命名

現在來個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>

上圖看懂了嗎？現在讓我們來看看效果圖就差不多了：

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

1: 作為可與伺服器互動資料的HTML元素的伺服器端的標示，例如input、select、textarea、和button等。我們可以在伺服器端根據其Name透過Request.Params取得元素提交的值。

2: 某些特定元素的屬性，如attribute，meta和param。例如為Object定義參數或Meta中。

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

現在說的是HTML input標籤的name屬性和id屬性的區別：

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

標籤規定使用者可輸入資料的輸入欄位。

根據不同的 type 屬性，輸入欄位有多種形態。輸入欄位可以是文字欄位、複選框、密碼欄位、單選按鈕、按鈕等等。

id：作為標籤的唯一識別。

name：可與伺服器互動資料的HTML元素的伺服器端的標示。

【小編推薦】

HTML中的base標籤如何寫相對路徑？ （內附使用介紹）

HTML meta標籤的作用是什麼？ html meta標籤的使用方法介紹

以上是HTML input標籤的屬性有哪些？ input標籤的name屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！