input中id和name屬性具體有什麼不同啊？ （例）
- 藏色散人原創
- 2018-08-13 13:56:345297瀏覽
本篇文章主要跟大家介紹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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：HTML和HTML5的發展歷史下一篇：HTML和HTML5的發展歷史