Thẻ < nhãn> HTML
Ví dụ
Ba nút radio 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="Submit">
</form>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thẻ <label>
xác định nhãn cho một số thành phần:
- <loại đầu vào="hộp kiểm">
- <loại đầu vào="màu">
- <loại đầu vào="ngày">
- <input type="datetime-local">
- <loại đầu vào="email">
- <loại đầu vào="tập tin">
- <loại đầu vào="tháng">
- <loại đầu vào="số">
- <loại đầu vào="mật khẩu">
- <loại đầu vào="radio">
- <loại đầu vào="phạm vi">
- <loại đầu vào="tìm kiếm">
- <loại đầu vào="tel">
- <loại đầu vào="văn bản">
- <loại đầu vào="thời gian">
- <loại đầu vào="url">
- <loại đầu vào="tuần">
- <mét>
- <tiến triển>
- <chọn>
- <vùng văn bản>
Việc sử dụng đúng nhãn có các yếu tố trên sẽ mang lại lợi ích:
- Người dùng trình đọc màn hình (sẽ đọc to nhãn khi người dùng tập trung vào phần tử)
- Người dùng gặp khó khăn khi nhấp vào các vùng rất nhỏ (chẳng hạn như hộp kiểm) - bởi vì khi người dùng nhấp vào văn bản trong phần tử
<label>
, nó sẽ chuyển đổi đầu vào (điều này làm tăng vùng nhấn).
Lời khuyên và ghi chú
Mẹo: Thuộc tính for của <label>
phải bằng thuộc tính id của phần tử liên quan để liên kết chúng lại với nhau. Nhãn cũng có thể được liên kết với một phần tử bằng cách đặt phần tử đó bên trong phần tử <label>
.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<label> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
Attribute | Value | Description |
---|---|---|
for | element_id | Specifies the id of the form element the label should be bound to |
form | form_id | Specifies which form the label belongs to |
Thuộc tính chung
Thẻ <label>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <label>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Trang liên quan
Tham chiếu DOM HTML: Đối tượng nhãn
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <label>
với các giá trị mặc định sau: