1. Định nghĩa và cách sử dụng
Thẻ <label> xác định nhãn cho một số phần tử:
- <input type=”checkbox”>
- <input type=”color”>
- <input type=”date”>
- <input type=”datetime-local”>
- <input type=”email”>
- <input type=”file”>
- <input type=”month”>
- <input type=”number”>
- <input type=”password”>
- <input type=”radio”>
- <input type=”range”>
- <input type=”search”>
- <input type=”tel”>
- <input type=”text”>
- <input type=”time”>
- <input type=”url”>
- <input type=”week”>
- <meter>
- <progress>
- <select>
- <textarea>
Việc sử dụng hợp lý các nhãn với 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ư checkbox) – 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 vào đầu vào (điều này làm tăng diện tích lần truy cập)
2. Ví dụ về <label>
3. Các trình duyệt hỗ trợ
Phần tử | |||||
<label> | YES | YES | YES | YES | YES |