Nhãn trong HTML CSS là gì?

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 does What 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.Displayinline

nộ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.


Chủ Đề