input中name和id的區別

2021-08-25 22:33:17 字數 1132 閱讀 8870

一直很困惑,表單裡面input標籤有id和name,它們之間到底有什麼區別自己很少去想,只知道一般的場景該怎麼使用,今天就在網上搜尋了一下,自己也總結一下。為什麼有了id還要有name呢?其實id就像是乙個人的身份證號碼,而name就像是他的名字,id顯然是唯一的,而name是可以重複的。

name與id的還有區別是:

id要符合標識的要求,比如大小寫敏感,最好不要包含下劃線(因為不相容css)。而name基本上沒有什麼要求,甚至可以用數字。

補充:name主要是表單元素裡才有的屬性。通過js的document.表單名稱.文字框.value來獲取文字框的值,其中的表單名稱和文字框名 稱指的是name,而非表單元素例如div,span等是沒有name屬性的,而id屬性是任何乙個html元素都會有的。當你需要用js獲取非表單元素 物件是就得用document.getelementbyidx("id")

name在以下用途是不能替代的:

1. 表單(form)的控制項名,提交的資料都用控制項的name而不是id來控制。因為有許多name會同時對應多個控制項,比如checkbox和radio, 而id必須是全文件中唯一的。此外瀏覽器會根據name來設定傳送到伺服器的request。因此如果用id,伺服器是無法得到資料的。

2. frame和window的名字,用於在其他frame或window指定target。

以下兩者可以通用,但是強烈建議用id不要用name:

1. 錨點,通常以前寫作,現在可以用任何的元素id來指定:。

以下情況只能用id:

1. label與form控制項的關聯,

my input

for屬性指定與label關聯的元素的id,不可用name替代。

2. css的元素選擇機制,以#myid的方式指定應用樣式的元素,不能用name替代。

3. 指令碼中獲得物件:

ie支援在指令碼中直接以id(而不是name)引用該id標識的物件。例如上面的input,要在指令碼中獲得輸入的內容,可以直接以myinput.value來獲得。

如果用dom的話,則用document.getelementbyid("myinput").value,如果要用name的話,通常先得到包含控 件的form,例如document.forms[0],然後從form再引用name,注意這樣得到的是經過計算後將傳送給伺服器的值。

input框中的name和id的區別

1.表單元素 form input textarea select 與框架元素 iframe frame 用 name 這些元素都與表單 框架元素作用於form的target 提交有關,在表單的接收頁面只接收有name的元素,賦id的元素通過表單是接收不到值的,你自己可以驗證一下.有乙個例外 a 可...

在表單(input)中id和name的區別

name原來是為了標識之用,但是現在根據規範,都建議用id來標識元素。但是name在以下用途是不能替代的 1.表單 form 的控制項名,提交的資料都用控制項的name而不是id來控制。因為有許多name會同時對應多個控制項,比如checkbox和radio,而id必須是全文件中唯一的。此外瀏覽器會...

Spring配置中的id和name屬性區分

在spring容器管理的bean中,必須僅且只有乙個無重複的id。一般情況下,配置乙個bean時,需要指定它的id屬性作為bean的名稱。class com.learnspring.hellworld q 如果在spring環境下,如果出現多個配置id屬性值一樣的bean 如果在配置bean的時候並...