Thuộc tính <label> for của HTML

Thẻ <label> HTML

Định nghĩa và cách sử dụng

for Thuộc tính quy định thẻ gắn kết với yếu tố biểu mẫu nào.

Liên kết ẩn và rõ ràng

Thẻ đánh dấu thường liên kết với các điều khiển biểu mẫu dưới một trong hai cách sau: Đặt điều khiển biểu mẫu làm nội dung của thẻ đánh dấu, điều này là hình thức ẩn, hoặc cho thẻ <label> dưới for Thuộc tính đặt tên một id biểu mẫu mục tiêu, điều này là hình thức rõ ràng.

Ví dụ, trong XHTML:

Liên kết rõ ràng:

<label for="SSN">Mã số cá nhân:</label>
<input type="text" name="IdNum" id="IN" />

Liên kết ẩn:

<label>Ngày sinh：<input type="text" name="DofB" /></label>

Thẻ đánh dấu đầu tiên liên kết văn bản "Social Security Number:" và điều khiển nhập văn bản của biểu mẫu xã hội an toàn số ("SocSecNum") của biểu mẫu, for Giá trị của thuộc tính và id của điều khiển đều là SSN. Thẻ đánh dấu thứ hai ("Ngày sinh:") không cần thiết for Thuộc tính, các điều khiển liên quan của nó cũng không cần thuộc tính id, chúng được liên kết một cách ẩn bằng cách đặt thẻ <input> trong thẻ <label>.

Mẫu

Ba nút chọn đơn có nhãn:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Gửi">
</form>

Thử ngay

Cú pháp

<label for="element_id">

Giá trị thuộc tính

Giá trị Mô tả
element_id ID của phần tử được liên kết với nhãn.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Thẻ <label> HTML