Kiếm thu nhập với kỹ năng HTML của bạn
Đăng ký và chúng tôi sẽ gửi cho bạn những cơ hội làm việc tự do tốt nhất ngay trong hộp thư đến của bạn
Chúng tôi đang xây dựng thị trường làm việc tự do tự phục vụ lớn nhất cho những người như bạn
Liên kết một với một điều khiển biểu mẫu, chẳng hạn như
Enter your username:
Forgot your username?
0 hoặc Enter your username:
Forgot your username?
1 mang lại một số lợi thế lớn- Văn bản nhãn không chỉ được liên kết trực quan với kiểu nhập văn bản tương ứng của nó; . Đ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 thông tin nhập vào 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 sẽ được nhập
- Khi người dùng nhấp hoặc chạm/chạm vào nhãn, trình duyệt sẽ chuyển tiêu điểm đến đầu vào được liên kết của nó [sự kiện kết quả cũng được nâng lên cho đầu vào]. Vùng trúng đích tăng lên để tập trung đầu vào mang lại lợi thế cho bất kỳ ai đang cố gắng kích hoạt nó — kể cả những người sử dụng thiết bị màn hình cảm ứng
Để liên kết rõ ràng một phần tử với một phần tử
Enter your username:
Forgot your username?
0, trước tiên bạn cần thêm thuộc tính Enter your username:
Forgot your username?
4 vào phần tử Enter your username:
Forgot your username?
0. Tiếp theo, bạn thêm thuộc tính Enter your username:
Forgot your username?
6 vào phần tử
, trong đó giá trị của Enter your username:
Forgot your username?
6 giống với giá trị của Enter your username:
Forgot your username?
4 trong phần tử Enter your username:
Forgot your username?
0Ngoài ra, bạn có thể lồng trực tiếp
Enter your username:
Forgot your username?
0 vào bên trong
, trong trường hợp đó, các thuộc tính Enter your username:
Forgot your username?
6 và Enter your username:
Forgot your username?
4 là không cần thiết vì liên kết là ẩn
Do you like peas?
Điều khiển biểu mẫu mà một nhãn đang gán nhãn được gọi là điều khiển có nhãn của phần tử nhãn. Nhiều nhãn có thể được liên kết với cùng một điều khiển biểu mẫu
Enter your username:
Forgot your username?
Các phần tử có thể được liên kết với một phần tử bao gồm
Click me
6, Enter your username:
Forgot your username?
0 [ngoại trừ Click me
8], Click me
9, Click me to focus on the input field
0, Click me to focus on the input field
1, Click me to focus on the input field
2 và Enter your username:
Forgot your username?
1Phần tử này bao gồm các thuộc tính toàn cục
Giá trị của thuộc tính
Enter your username:
Forgot your username?
6 phải là một giá trị duy nhất cho phần tử liên quan đến biểu mẫu trong cùng tài liệu với phần tử
. Vì vậy, bất kỳ phần tử Click me to focus on the input field
8 đã cho nào cũng có thể được liên kết với chỉ một điều khiển biểu mẫuGhi chú. Để đặt thuộc tính
Enter your username:
Forgot your username?
6 theo chương trình, hãy sử dụng
I agree to the Terms and Conditions
0Phần tử đầu tiên trong tài liệu có thuộc tính
Enter your username:
Forgot your username?
4 khớp với giá trị của thuộc tính Enter your username:
Forgot your username?
6 là điều khiển được gắn nhãn cho phần tử Click me to focus on the input field
8 này — nếu phần tử có Enter your username:
Forgot your username?
4 đó thực sự là một. Nếu nó không phải là phần tử có thể gắn nhãn thì thuộc tính Enter your username:
Forgot your username?
6 không có tác dụng. Nếu có các yếu tố khác cũng khớp với giá trị Enter your username:
Forgot your username?
4, thì sau này trong tài liệu, chúng không được xem xétNhiều phần tử
Click me to focus on the input field
8 có thể được gán cùng một giá trị cho thuộc tính Enter your username:
Forgot your username?
6 của chúng; Ghi chú. Phần tử có thể có cả thuộc tính
Enter your username:
Forgot your username?
6 và phần tử điều khiển được chứa, miễn là thuộc tính Enter your username:
Forgot your username?
6 trỏ đến phần tử điều khiển được chứaKhông có cân nhắc về kiểu dáng đặc biệt cho các phần tử — về mặt cấu trúc, chúng là các phần tử nội tuyến đơn giản và do đó có thể được tạo kiểu theo cách giống như phần tử
I agree to the Terms and Conditions
Read our Terms and Conditions
4 hoặc
I agree to the Terms and Conditions
Read our Terms and Conditions
5. Bạn có thể áp dụng kiểu dáng cho chúng theo bất kỳ cách nào bạn muốn, miễn là bạn không làm cho văn bản trở nên khó đọcClick me
Click me to focus on the input field
Không đặt các yếu tố tương tác như neo hoặc nút bên trong
Click me to focus on the input field
8. 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 Click me to focus on the input field
8Đừng
I agree to the Terms and Conditions
Làm
I agree to the Terms and Conditions
Read our Terms and Conditions
Đặt các yếu tố tiêu đề trong một can thiệp vào nhiều loại công nghệ hỗ trợ, bởi vì các tiêu đề thường được sử dụng như. 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 được áp dụng cho phần tử
để thay thế
Nếu một biểu mẫu hoặc một phần của biểu mẫu cần tiêu đề, hãy sử dụng phần tử
Your name
0 được đặt trong một
Your name
1Đừng
Your name
Làm
Your name
Phần tử
Enter your username:
Forgot your username?
0 có khai báo
Your name
3 và thuộc tính
Your name
4 hợp lệ không cần 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 phần tử Click me
6Danh mục nội dung, , , , nội dung có thể sờ thấy. Nội dung được phép, nhưng không có phần tử
Click me to focus on the input field
8 hậu duệ. Không có yếu tố nào khác ngoài điều khiển được gắn nhãn được cho phép. Bỏ sót thẻKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phép Bất kỳ phần tử nào chấp nhận. Vai trò ARIA ngầm định Vai trò ARIA được phép Không có
Your name
7 được phép Giao diện DOM
Your name
8