HTML中Id和Name的區別是什么
導語：html中name指的是用戶名稱,ID指的是用戶注冊是系統自動分配給用戶的一個序列號。以下的是百分網小編為大家這里的HTML中Id和Name的區別，希望你會喜歡。
HTML中Id和Name的區別是什么1
name是用來提交數據的，提供給表單用，可以重復；
id則針對文檔操作時候用，不能重復。如：document.getElementById()；
一、ID是在客戶端腳本里用!NAME是用于獲取提交表單的某表單域信息，在form里面,如果不指定Name的話,就不會發送到服務器端。
二、以下元素input、select、form、frame、iframe用name，而以下元素table、tr、 td、p、p、span、h1、li用id，表單元素(form input textarea select)與框架元素(iframe frame)用 name，這些元素都與表單(框架元素作用于form的target)提交有關, 在表單的接收頁面只接收有name的元素, 賦ID的元素通過表單是接收不到值的`.
當然上述元素也可以賦ID值, 賦ID值的時候引用這些元素的方法就要變一下了.
賦 name: document.formName.inputName document.frames("frameName")
賦 ID : document.all.inputID document.all.frameID
只能賦ID不能賦name的元素:(除去與表單相關的元素都只能賦ID)
body li a table tr td th p p span pre dl dt dd font b 等等
舉個簡單的例子
用戶名：
密碼：
如果我要獲得用戶名和密碼;JS用name獲得的話，就得寫成document.form1.username.value;
document.form1.password.value;
用id獲得：
docuement.getElementById("username");
docuement.getElementById("pwd");
有時候name 可能會出現相同的名字，所以這時候我們用name獲得就無法確定獲得的是哪個值了。
document.getElemntsByName("username");
這里得到的是一個數組
document.getElementsByName(xxx); 取出的數組
document.getElementById(xxx); 取出是單個對象
還有需要注意的
有些元素 比如 p 可以用 id名字直接得到對象
p1.innerHTML = "asdfasdf";
而表單元素 就不可以這樣了
只能用 document.getElementById(xx)
HTML中Id和Name的區別是什么2
1、不同用途:
名字是主要用于獲取信息的表單字段提交表單,作為服務器端可以與服務器交互的HTML元素的標記數據,如輸入、選擇、文本區域、框架元件(iframe,框架,窗口名稱,用于指定目標在其他框架或窗口),按鈕等等。
而id和class主要是通過css控制設置了id和class的元素的樣式。
2、用法不同：
定義了id的元素在css中用id選擇器“#”來選擇，例如<h1 id="center">My First Heading</h1>，css中用#center{ }來控制其樣式，定義了class的元素在css中用類選擇器“.”來選擇。
例如：<h1 class="center"> My First Heading </h1>，css中用 .center{ }來控制其樣式。
擴展資料：
關于ID和Name的一些注意事項
當然，頁面上HTML元素的Name屬性也可以充當一個小ID，因為在DHTML對象樹中，我們可以使用文檔。獲取頁面的getElementsByName包含所有指定的對象名稱元素數組。
2. 如果n(n>， 1)個HTML元素有相同的'ID怎么辦?如何在DHTML對象中引用它們?如果我們使用ASPX頁面，則不太可能發生這種情況，因為aspnet進程不允許處理ID不惟一的ASPX頁面，因此將拋出一個異常并不能正確呈現頁面。
3、對于動態頁面，我們堅持要我重復那個IE怎么辦?此時，我們仍然可以使用document。getelementbyid來獲取對象，但是我們只能獲取其ID在HTML呈現中第一個出現的對象中重復的對象。
而這時重復的ID會在引用時自動變成一個數組，id重復的元素按Render的順序依次存在于數組中。
【HTML中Id和Name的區別是什么】相關文章：
html與xhtml的區別規范是什么12-08
Java中的堆和棧的區別05-23
java中String和StringBuffer的區別08-01
Java中hashmap和hashtable的區別06-20
php中的daddslashes()和saddslashes()的區別02-22
html中的空格字符03-18
html中If語句詳解02-21