明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

input中id與name屬性具體有什么不同�。浚ㄊ纠�

發(fā)表時間：2023-09-07 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章主要給大家介紹HTML中關(guān)于input標(biāo)簽中的name屬性及id屬性的區(qū)別。希望對一些迷茫的新手學(xué)習(xí)有所幫助。這里先給大家簡單介紹下，關(guān)于input標(biāo)簽是什么的問題。<input> 標(biāo)簽是規(guī)定用戶可輸入數(shù)據(jù)的輸入字段。根據(jù)不同的 type 屬性，輸入字段有多種形態(tài)。輸入字段可以...
本篇文章主要給大家介紹HTML中關(guān)于input標(biāo)簽中的name屬性及id屬性的區(qū)別。希望對一些迷茫的新手學(xué)習(xí)有所幫助。這里先給大家簡單介紹下，關(guān)于input標(biāo)簽是什么的問題。<input> 標(biāo)簽是規(guī)定用戶可輸入數(shù)據(jù)的輸入字段。根據(jù)不同的 type 屬性，輸入字段有多種形態(tài)。輸入字段可以是文本字段、復(fù)選框、密碼字段、單選按鈕、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>

效果圖如下：

60e29eca69f2b2b7506107987fc240c.png

這里大家應(yīng)該注意到一個inputname屬性和inputid屬性，

1、input標(biāo)簽的name 屬性是規(guī)定 input 元素的名稱。用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

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

id 一般用于css和js中引用,name用于表單提交,只有加了name屬性的標(biāo)簽元素才會提交到服務(wù)器。

以上就是本篇文章關(guān)于input中的name屬性和id的區(qū)別介紹，希望對有需要的朋友有所幫助。

【相關(guān)文章推薦】

PHP中input的屬性

<input>如何使用？總結(jié)<input>實例用法

html中input框的pattern屬性解析

關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹

以上就是input中id和name屬性具體有什么不同�。浚ㄊ纠┑脑敿�(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。