Thẻ HTML <label> được sử dụng để thêm một label tới một điều khiển form như văn bản, khu vực văn bản, etc. Ví dụ<!DOCTYPE html> <html> <head> <title>Vi du the label trong HTML</title> </head> <body> <label for="email">EMAIL-ID:<br /> <input type="email" value="" name="emailid" size="30" placeholder="Enter a valid email address"><br /><br /> <label for="phone">PHONE NO:<br /> <input type="text" value="" name="phno" size="30" maxlength="10" placeholder="Enter a valid phone number" pattern="[0-9]{10}"><br /><br /> </body> </html>Quảng cáo Nó sẽ cho kết quả sau: Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương:- Tổng hợp thuộc tính trong HTML Các thuộc tính đặc trưngThẻ HTML <label> cũng hỗ trợ các thuộc tính sau:
Quảng cáo Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: Tổng hợp sự kiện (Event) trong HTML Trình duyệt hỗ trợ
Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.
Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi. tong_hop_cac_the_html_co_ban.jsp 10/15/2012 10:57:30 AMLê Trương Phi · Lê Trương Phi 10:57 15/10/2012 Tôi đã thấy điều này trong jQuery - nó làm gì? <label for="name"> text </label> <input type="text" name="name" value=""/>93 hữu ích 3 bình luận 91k xem chia sẻ answer Bùi Thái Hà · Bùi Thái Hà 09:47 21/03/2020 Để liên kết phần tử <label>với một <input>phần tử, bạn cần phải cung cấp <input>một idthuộc tính. Sau <label>đó, cần một forthuộc tính giống với thuộc tính valuecủa đầu vào id: <label for="username">Click me</label> <input type="text" id="username">Các forthuộc tính liên kết một <label>với một <input>yếu tố; mang lại một số ưu điểm chính: 1. Văn bản nhãn không chỉ được liên kết trực quan với đầu vào văn bản tương ứng của nó; nó cũng được liên kết với nó theo chương trình. Điều này có nghĩa là, ví dụ: trình đọc màn hình sẽ đọc nhãn khi người dùng tập trung vào phần nhập biểu mẫu, giúp người dùng công nghệ hỗ trợ dễ dàng hiểu dữ liệu nào nên được nhập. 2. Bạn có thể nhấp vào nhãn được liên kết để tập trung / kích hoạt đầu vào, cũng như chính đầu vào. Khu vực truy cập tăng lên này mang lại lợi thế cho bất kỳ ai cố gắng kích hoạt đầu vào, kể cả những người sử dụng thiết bị màn hình cảm ứng. Ngoài ra , bạn có thể lồng <input>trực tiếp vào bên trong <label>, trong trường hợp đó thuộc tính forvà idlà không cần thiết vì liên kết là ngầm định: <label>Click me <input type="text"></label>Lưu ý: Mối quan tâm về khả năng tiếp cậnKhông đặt các yếu tố tương tác như neo hoặc nút bên trong nhãn. Làm như vậy, khiến mọi người khó kích hoạt đầu vào biểu mẫu được liên kết với nhãn. Đề mụcViệc đặt các phần tử tiêu đề trong phạm vi <label>ảnh hưởng của nhiều loại công nghệ hỗ trợ, vì tiêu đề thường được sử dụng như một công cụ hỗ trợ điều hướng. Nếu văn bản của nhãn cần được điều chỉnh trực quan, hãy sử dụng các lớp CSS áp dụng cho <label>phần tử thay thế. nútMột <input>phần tử với một type="button"tuyên bố và một thuộc tính giá trị hợp lệ không cần một nhãn liên kết với nó. Làm như vậy thực sự có thể ảnh hưởng đến cách công nghệ hỗ trợ phân tích cú pháp đầu vào của nút. Điều tương tự cũng áp dụng cho <button>phần tử. Tham khảo: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label 46 hữu ích 0 bình luận chia sẻ answer Hồ Nhật Huy · Hồ Nhật Huy 10:59 15/10/2012 Các forthuộc tính được sử dụng trong nhãn. Nó đề cập đến id của phần tử mà nhãn này được liên kết với. Ví dụ: <label for="username">Username</label> <input type="text" id="username" name="username" />Bây giờ khi người dùng nhấp chuột vào usernamevăn bản, trình duyệt sẽ tự động đưa tiêu điểm vào trường tương ứng input. Điều này cũng hoạt động với các phần tử đầu vào khác như <textbox>và <select>. Trích dẫn từ đặc điểm kỹ thuật :
Về lý do tại sao câu hỏi của bạn được gắn thẻ jQuery và bạn thấy nó được sử dụng ở đâu trong jQuery, tôi không thể trả lời vì bạn không cung cấp nhiều thông tin. Có thể nó đã được sử dụng trong bộ chọn jQuery để tìm phần tử đầu vào tương ứng với một phiên bản nhãn: var label = $('label'); label.each(function() { // get the corresponding input element of the label: var input = $('#' + $(this).attr('for')); });137 hữu ích 1 bình luận chia sẻ answer Lê Thăng Long · Lê Thăng Long 15:36 25/07/2017 Tôi thấy cần phải trả lời điều này. Tôi đã có cùng một sự nhầm lẫn. Tôi đã thay đổi thuộc tính for trên nhãn 'nam' thành nữ. Bây giờ, nếu bạn nhấp vào 'nam', đài 'nữ' sẽ được chọn. Đơn giản như vậy. 13 hữu ích 0 bình luận chia sẻ answer Nguyen Huong Linh · Nguyen Huong Linh 10:59 15/10/2012 một ví dụ nhanh: <label for="name">Name:</label> <input id="name" type="text" />các for=""tag Hãy tập trung đầu vào khi bạn nhấp vào nhãn là tốt. 5 hữu ích 0 bình luận chia sẻ answer Đặng Ðình Phúc · Đặng Ðình Phúc 10:59 15/10/2012 Bạn sử dụng nó với nhãn để nói rằng hai đối tượng thuộc về nhau. <input type="checkbox" name="remember" id="rememberbox"/> <label for="rememberbox">Remember your details?</label>Điều này cũng có nghĩa là nhấp vào nhãn đó sẽ thay đổi giá trị của hộp kiểm. 5 hữu ích 0 bình luận chia sẻ answer Vũ Tuấn Ðức · Vũ Tuấn Ðức 10:25 08/04/2019 FYI - nếu bạn đang ở trong môi trường sắp chữ với ví dụ: <label for={this.props.inputId}>{this.props.label}</label>bạn cần sử dụng htmlFor <label htmlFor={this.props.inputId}>{this.props.label}</label>4 hữu ích 0 bình luận chia sẻ answer Hoàng Trung Dũng · Hoàng Trung Dũng 10:59 15/10/2012 nó được sử dụng cho <label>phần tử nó được sử dụng với hộp kiểm loại đầu vào hoặc redio để chọn khi nhấp vào nhãn bản demo làm việc 3 hữu ích 0 bình luận chia sẻ answer Hồ Bình Dân · Hồ Bình Dân 11:01 15/10/2012 Các forthuộc tính của <label>thẻ nên bằng với thuộc tính id của phần tử có liên quan để ràng buộc chúng lại với nhau. 3 hữu ích 0 bình luận chia sẻ answer Hồ Tâm Hiền · Hồ Tâm Hiền 10:58 15/10/2012 nó được sử dụng trong <label>văn bản cho html ví dụ. <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br>1 hữu ích 1 bình luận chia sẻ answer Vũ Hiền Mai · Vũ Hiền Mai 12:40 08/06/2020 Nó liên kết nhãn với một phần tử đầu vào. Các thẻ HTML nhằm truyền đạt ý nghĩa đặc biệt cho người dùng thuộc nhiều danh mục. Đây là ý nghĩa của nhãn:
Thông tin thêm về ghi nhãn -> https://www.w3.org/TR/WCAG20-TECHS/H44.html 1 hữu ích 0 bình luận chia sẻ answer Bùi Tôn Lễ · Bùi Tôn Lễ 10:59 15/10/2012 -3 hữu ích 2 bình luận chia sẻ Xem nguồn: https://stackoverflow.com/questions/12894169/what-is-the-html-for-attribute-in-label |
