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

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