在HTML中使用<label>很重要嗎？

Question

對不起，可能很愚蠢的問題，但我的好奇心正在殺死我，加上我是新來的，但使用標記重要的標籤，爲什麼？

即

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

爲什麼我必須標註該輸入，爲什麼它有利於用戶，爲什麼會是爲將來使用有益的，或者是搜索引擎優化的事情。這就是我真正想知道的:)

Answer 1

這是一個重要的原因：

• 點擊標籤集中在
  文本字段，而這是用戶的很多 期待。
• 這對訪問的原因很有幫助。
• 用戶怎麼知道哪個字段是哪個？您可以使用 只是文本或跨度或東西，但 爲什麼你會？
• 它導致更多的語義標記。

Answer 2

這對於可訪問性很重要，所以使用屏幕閱讀器的盲人可以很容易地知道哪個文本框是針對哪個東西的，因爲否則他們的軟件就無法從中看出活動文本框的目的頁面結構。另外，單擊標籤將會聚焦相應的輸入控件，這很方便。

Answer 3

它有助於無障礙，例如，屏幕閱讀器。

此外，對於複選框，它允許用戶點擊標籤，而不僅僅是複選框本身（Try it!）。

Answer 4

未來用途：

在輸入HTML形式直接與數據庫連接的情況下（在框架發生）

所以輸入形式變量直接代表數據庫列。

因此，我們可以使用標籤向用戶顯示簡化名稱，而不是在表單中向用戶顯示數據庫列名。