本篇文章主要跟大家介紹HTML中關於input標籤中的name屬性及id屬性的差異。希望對一些迷茫的新手學習有所幫助。這裡先跟大家簡單介紹下,關於input標籤是什麼的問題。 標籤是規定使用者可輸入資料的輸入欄位。根據不同的 type 屬性,輸入欄位有多種形態。輸入欄位可以是文字欄位、複選框、密碼欄位、單選按鈕、input按鈕等等。
input程式碼使用範例如下:
<!DOCTYPE HTML> <html lang="en"> <head> <title></title> <meta charset="UTF-8"> <style type="text/css"> </style> </head> <body> <form action="demo_form.asp" method="get"> 第一个名字: <input type="text" name="fname" id="f1"/><br /> 第二个名字: <input type="text" name="lname" id="f2"/><br /> <input type="submit" value="提交" /> </form> </body> </html>
效果圖如下:
這裡大家應該注意到一個inputname屬性和inputid屬性,
1、input標籤的name 屬性是規定input 元素的名稱。用於對提交到伺服器後的表單資料進行標識,或在客戶端透過 JavaScript 引用表單資料。只有設定了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
2、id 在HTML中的作用是給一個單元(元素,標籤)一個獨一無二的標識或標記,讓瀏覽器在分析處理網頁時找到id所在的地方。並且要符合標識的要求,如大小寫敏感,最好不要包含下劃線(不相容CSS)
#id 一般用於css和js中引用,name用於表單提交,只有加了name屬性的標籤元素才會提交到伺服器。
以上就是本篇文章關於input中的name屬性和id的區別介紹,希望對有需要的朋友有所幫助。
【相關文章推薦】
以上是input中id和name屬性具體有什麼不同啊? (例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!