首頁  >  文章  >  web前端  >  HTML表單中name屬性作用是什麼? name和ID的差異又是什麼?

HTML表單中name屬性作用是什麼? name和ID的差異又是什麼?

寻∝梦
寻∝梦原創
2018-08-14 14:11:3711197瀏覽

HTML表單中name屬性作用是什麼? name和ID的差異又是什麼?本篇文章主要解釋了HTML表單中name屬性作用和還有name和ID的差異又是什麼

#作用和用法

如:

<input type="password" name="txtPassword" id="pwd" size="12">

type 表示類型;name 表示名字可以重複;id表示標識唯一;

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和ID的差異

二者的區別:

id要符合標識的要求,例如大小寫敏感,最好不要包含下劃線(因為不相容CSS)。而name基本上沒有什麼要求,甚至可以用數字。

補充:name主要是表單元素裡才有的屬性。透過js的document.表單名稱.文字方塊.value來取得文字方塊的值,其中的表單名稱和文字方塊名稱指的是name,而非表單元素例如div,span等是沒有name屬性的,而id屬性是任何一個HTML元素都會有的。當你需要用js取得非表單元素物件是就得用document.getElementById("id")

【相關推薦】

html的基礎元素,讓你零基礎學習HTML

什麼是HTML檔? HTML檔案的初步認知

#

以上是HTML表單中name屬性作用是什麼? name和ID的差異又是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn