2011-12-29 700 views
0

爲什麼我們使用html元素的name,id和value屬性?他們重要的是什麼?他們如何解釋?他們之間有什麼不同?我已經看過w3schools和每個教程,但我想從一個人的簡單解釋。name,id和value的用法是什麼?

是什麼只是在做之間的區別:

<form> 
<input type="text" /> 
</form> 

<form> 
<input type="text" name="name" /> 
</form> 

什麼是使用這些屬性的好處是什麼?

+6

你真的需要拿起一本關於HTML的好書。 – Oded 2011-12-29 20:59:17

回答

2

名稱 - 傳遞給服務器表單

ID - 一個唯一的標識符的HTML元素

值 - 輸入或textarea元素

1

一個name屬性中存在的值如果值不爲空,則input元素將導致名稱=值對包含在表單數據中。在沒有這種屬性的情況下,表單字段不會對錶單數據作出任何貢獻。

id屬性可用於爲元素提供可用於客戶端腳本和樣式的唯一標識符。它與name屬性的功能無關。

文本輸入框中的value屬性指定輸入字段的初始(默認)內容。

0

應用程序中的每個表單元素都必須爲您保存一些信息。那些是value

當你想使用服務器端編程語言來處理你的表單時,你必須指向你想要的元素。在這裏,你需要name來獲取你的表單元素值。

此外,有時您可能需要處理您的表單客戶端或在HTML文檔中的元素上執行其他操作,現在指向它們的一種方式可以是id

0

id通常由CSS樣式引用,或者與CSS樣式相關使用。名稱通常由與數據相關的php或其他服務器端腳本引用,值是歸因於該元素的「內容」,因此如果輸入值=「hello」,那麼將出現在文本輸入字段中。

0

其他答案沒有說清楚的一點是,屬性的​​目的可以根據它屬於哪個元素而有所不同。

因此,儘管一個id屬性標識的元素不管它在哪裏,在name屬性服務於iframeobject比它的meta元件,這是從它的上submittable元件目的再次不同在不同的目的buttoninputkeygen,object,selecttextareaparam元素和map元素都具有name屬性,每個屬性用於不同的目的,而form元素,fieldset元素和output元素使用它們的名稱屬性或多或少爲通用目的,但與其他元素不同。

同樣,在inputbuttonoption元件value屬性服務相似但稍微不同的目的,並且progressmeter單元共享一個類似用途value屬性,但每個paramli,和data (WHATWG HTML living standard only)元件具有value屬性,其目的是專用於該特定元素。

要正確理解所有目的,我建議您至少閱讀the spec

相關問題