在一開始剛接觸網頁編輯的時候，撰寫網頁過程中，曾經遇到過一個問題，假設目前有一個環境(如下圖)，想要將index.html中的文字內容傳送到server後台的php網頁檔進行相關的處理，後來server後台的網頁怎麼用就是無法接收到index.html檔傳送過來的文字內容，後來在index.html中文字欄位的程式碼，原本只給它id而已，後來給它一個name，server後台的網頁就收到index.html檔傳送過來的文字內容了，所以，才想撰寫一篇關於name與id的差異，了解。

在撰寫網頁程式碼過程中幾乎都會使用到元件，而這些元件通常都會給它一個 id 或 name (像下面這一段程式碼)，但 id 或 name 其背後都是有相關定義及作用的，若是寫錯，就變成網頁無法開啟或是讀取不到data，下面將介紹這兩個之間的差異。

<input type ="text" id = "input_data1" name = "input_data1">

ID

定義使用這個元素的唯一id， 而這個id是不能重覆的

 

Name

規定<input> 元素的名稱，就依上面那一段程式碼來說，我們給網頁一個可以輸入文字的地方，而它的名字叫input_data1。而name 的屬性用於在JavaScript 中引用元素，或者在表單提交後引用表單數據。

注意：只有設置了name屬性的表單元素才能在提交表單時傳遞它們的值。

 

 

查看原文 >>