什麼是這些HTML表單域？

我看到一些代碼，HTML表單代碼，看起來像這樣：什麼是這些HTML表單域？

<form name="form1" method="post" action="action.php"> 
    <label for="name"> Name: <input type="text" name="name"> 
    <label for="email">Email: <input type="text" name="email"> 
</form>

哪些形式爲「名」？（ - > form1）

什麼是標籤標籤？（我從來沒有使用這一點，所以，我可能錯了，當輸入代碼）

來源

2009-06-25 jingleboy99

標籤是文本片段旁邊輸入字段 - 他們不看任何不同於普通文本，但：

點擊在他們把焦點放在該領域
屏幕閱讀器將它們作爲相應字段的說明讀出它們。

它們對CSS也很有用 - 通過使用標籤，您可以輕鬆地設置獨立於其他頁面元素的字段標籤。

form name屬性可以更容易地從JavaScript引用表單（儘管這些日子您可以使用id）。

來源

2009-06-25 08:08:55 RichieHindle

感謝您的解釋。你的答案已被評爲這個問題的答案。 – jingleboy99 2009-06-25 08:21:10

+1表示點擊關注輸入字段：小而重要的點（在其他高評分答案中未提及）。 http://www.google.fi/search?q=html+label+usability – Jonik 2009-06-25 09:32:11

請注意，標籤的for屬性必須匹配輸入的ID而非NAME。 – Quentin 2009-06-25 09:45:51

標籤是將某個文本與表單元素相關聯的標籤。這是顯示每個輸入框的推薦方式 - 屏幕閱讀器和其他輔助功能軟件將能夠使用此元素告訴用戶輸入框的用途。它的樣式可以與頁面上的其他元素相同，甚至不必緊挨着輸入 - 只要名稱相同，它就可以工作。請注意，這樣做的正確的格式實際上應該是

<label for="name">Name:</label><input type="text" name="name" /> 
<label for="email">Email:</label><input type="text" name="email" />

對於標籤元素的更多信息，請訪問：http://www.w3.org/TR/html401/interact/forms.html#h-17.9 - 頁面有大量的一切信息，做與HTML表單。

表單元素的name屬性可以用於從javascript和css訪問不同的表單，但不一定要包含它。根據http://www.w3.org/TR/html401/interact/forms.html#adef-name-FORM它僅包含向後兼容性 - 建議您使用id屬性來代替（或者也可以）。

來源

2009-06-25 08:10:39

那麼，你是否建議我將標籤標籤包含在未來的每個html表單中？ – jingleboy99 2009-06-25 08:20:38

標籤將「Name：」字符串語義連接到由for屬性指定的相應輸入字段。詳見w3c html documentation。

此外，當用戶點擊標籤時，相應的輸入字段會被重點關注 - 這在表單可用性方面很重要。

來源

2009-06-25 08:10:52 macbirdie

表單名稱用於唯一標識此表單，因此您可以在JavaScript中編寫腳本時參考它。你也可以使用這個「id」屬性，它沒有區別。

一個標籤元素的可用性，並沒有提供任何不同於普通文本，但如果你填充相關輸入的「id」屬性的「for」屬性，那麼這些將被綁定在一起，使用戶可以點擊標籤文本，它將關注適當的輸入。

值得注意的是，您在問題中使用的標籤代碼不正確，因爲您需要關閉標籤標籤後面的文本。

<label for="name">Name:</label><input id="name" type="text" name="name" />

來源

2009-06-25 08:13:43

什麼是這些HTML表單域？

回答

相關問題