首頁 > web前端 > html教學 > input中id和name屬性具體有什麼不同啊? (例)

input中id和name屬性具體有什麼不同啊? (例)

藏色散人
發布: 2018-08-13 13:56:34
原創
5447 人瀏覽過

本篇文章主要跟大家介紹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>
登入後複製

效果圖如下:

input中id和name屬性具體有什麼不同啊? (例)

這裡大家應該注意到一個inputname屬性和inputid屬性,

1、input標籤的name 屬性是規定input 元素的名稱。用於對提交到伺服器後的表單資料進行標識,或在客戶端透過 JavaScript 引用表單資料。只有設定了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

2、id 在HTML中的作用是給一個單元(元素,標籤)一個獨一無二的標識或標記,讓瀏覽器在分析處理網頁時找到id所在的地方。並且要符合標識的要求,如大小寫敏感,最好不要包含下劃線(不相容CSS)

#id ​​一般用於css和js中引用,name用於表單提交,只有加了name屬性的標籤元素才會提交到伺服器。

以上就是本篇文章關於input中的name屬性和id的區別介紹,希望對有需要的朋友有所幫助。

【相關文章推薦】

PHP中input的屬性

如何使用?總結實例用法

html中input框的pattern屬性解析

關於HTML5中input標籤(type屬性)的詳細介紹





以上是input中id和name屬性具體有什麼不同啊? (例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板