HTML中的id和name的用途和區別

本篇內容主要講解“HTML中的id和name的用途和區別”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“HTML中的id和name的用途和區別”吧!

　　id的用途

　　1、id就是Client端HTML元素的Identity(標記)，主要是在客戶端腳本里用。

　　2、label與form控件的關聯,如

　　My Input

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

　　3、腳本中獲得對象：

　　IE支持在腳本中直接以id(而不是name)引用該id標識的對象。

　　例如上面的input，要在腳本中獲得輸入的內容，可以直接以 MyInput.value來獲得。

　　如果用DOM的話，則用document.getElementById("MyInput").value，

　　如果要用name的話，通常先得到包含控件的form，例如document.forms[0]，然后從form再引用name，注意這樣得到的是經過計算后將發送給服務器的值

　　name的用途

　　用途1: 主要是用于獲取提交表單的某表單域信息， 作為可與服務器交互數據的HTML元素的服務器端的標示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target)和button等，這些元素都與表單(框架元素作用于form的target)提交有關，瀏覽器會根據name來設定發送到服務器的request，在表單的接收頁面只接收有name的元素, 所以賦ID的元素通過表單是接收不到值的。 我們可以在服務器端根據其Name通過Request.Params取得元素提交的值。在form里面，如果不指定Name，就不會發送到服務器端 。

　　用途2: HTML元素Input type='radio'分組，我們知道radio button控件在同一個分組類，check操作是mutex的，同一時間只能選中一個radio，這個分組就是根據相同的Name屬性來實現的。

　　用途3: 建立頁面中的錨點，我們知道link是獲得一個頁面超級鏈接，如果不用href屬性，而改用Name，如：，我們就獲得了一個頁面錨點。

　　用途4: 作為對象的Identity，如Applet、Object、Embed等元素。比如在Applet對象實例中，我們將使用其Name來引用該對象。

　　用途5: 在IMG元素和MAP元素之間關聯的時候，如果要定義IMG的熱點區域，需要使用其屬性usemap，使usemap="#name"(被關聯的MAP元素的Name)。

　　用途6: 某些特定元素的屬性，如attribute，meta和param。例如為Object定義參數或Meta中。

　　name與id的其他區別

　　id要符合標識的要求，比如大小寫敏感，最好不要包含下劃線(因為不兼容CSS)。

　　而name基本上沒有什么要求，甚至可以用數字。table、tr、td、div、p、span、h2、li等元素一般用id。

　　在進行網頁編輯時建議使用ID來標識一個節點，而不是使用Name(除非是為了Post提交的需要)，同樣使用Javascript進行Dom節點定位時建議使用getElementById方法，因為只有ID能唯一標識一個節點，而同一個網頁里可能會有多個Name屬性相同的節點，它們分別處在不同的Form里。

　　與表單相關的元素也可以賦ID值, 但為這些元素賦ID值的時候引用這些元素的方法就要變一下了，具體的如下：

　　賦name時引用元素的方式: document.formName.inputName或document.frames("frameName")

　　賦id時引用元素的方式: document.all.inputID或document.all.frameID

　　除去與表單相關的元素，只能賦id不能賦name，這些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等。

到此，相信大家對“HTML中的id和name的用途和區別”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！