Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm
Element ofHTML Web Forms Tutorial For Coding BeginnersWhat doesWhat Does In HTML: Easy Tutorial With Code Example
do?The element is used to associate a text label with a form field. The label is used to tell users the value that should be entered in the associated input field.Displayinlinenội dung
Mã ví dụ
Favorite Animal
Động vật yêu thích
Sử dụng nhãn đúng cách
Phần tử là một trong số ít phần tử chỉ tồn tại và có ý nghĩa trong mối quan hệ với phần tử khác. Trong trường hợp của
, nhãn phải được liên kết với một trường biểu mẫu [thường là trong phần tử
thuộc loại này hay loại khác
Để một hoạt động bình thường, nó phải bao gồm một thuộc tính
First Name
0, thuộc tính này xác định
mà nó được liên kết. Giá trị của thuộc tính First Name
0 phải khớp với First Name
3 [không phải First Name
4] của phần tử
[Việc gửi biểu mẫu phụ thuộc vào
First Name
4 và việc ghép nhãn phụ thuộc vào First Name
3. Đây là lý do tại sao bạn sẽ thường thấy các phần tử
có cùng giá trị trong cả hai thuộc tính. Và nếu
là một hộp kiểm, bạn có thể thấy giá trị tương tự trong thuộc tính Do you agree to the terms and conditions?
Agree
0 và dưới dạng nội dung của phần tử
. ]First Name
Tên đầu tiên
Do you agree to the terms and conditions?
Agree
Bạn có đồng ý với các điều khoản và điều kiện?
Đồng ý không
Nhãn và khả năng sử dụng
Tất nhiên, có thể không sử dụng phần tử và chỉ đặt văn bản không được đánh dấu trên hoặc bên cạnh trường biểu mẫu. Nhưng đây không phải là một ý tưởng tốt. Có một nhãn được ghép nối không chỉ là ngữ nghĩa tốt mà còn là khả năng sử dụng tốt. Với nhãn được đánh dấu chính xác, người dùng có thể nhấp [hoặc chạm ngón tay] vào nhãn để đưa tiêu điểm vào phần tử hoặc chọn phần tử đó. Điều này hữu ích vừa phải trên máy tính để bàn và máy tính xách tay thông thường, nhưng trên điện thoại di động màn hình cảm ứng, nó tạo ra sự khác biệt lớn.
Click this label to select.