首頁 > web前端 > html教學 > HTML input標籤的屬性有哪些? input標籤的name屬性介紹

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

寻∝梦
發布: 2018-08-28 17:24:21
原創
8627 人瀏覽過

本篇文章主要的介紹了關於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>
登入後複製

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

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

說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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板