1
00:00:00,420 --> 00:00:10,590
Oke, dus de volgende up gaan we focussen op etiketten en elk HDMI vormen dus labels zijn precies wat ze klinken als ze lieten ons bijschriften toe te voegen aan de afzonderlijke elementen in ons formulier.

2
00:00:10,590 --> 00:00:19,360
En de reden dat we ze gebruiken in plaats van alleen een paragraaf of een platte tekst is dat de labels zijn erg belangrijk voor het maken van onze site toegankelijk.

3
00:00:19,410 --> 00:00:34,980
Dus als iemand slechtzienden of blinden en dat ze de toegang tot ons forum probeert aan te melden hun screen reader software die ze gebruiken is gaan kijken naar label-tags en het gaat om deze labels te gebruiken om te weten wat elk deel van het formulier komt overeen met.

4
00:00:34,980 --> 00:00:36,960
Dus het is echt belangrijk.

5
00:00:36,960 --> 00:00:43,530
Het is ook een leuke manier om er maar een beetje bijschrift toevoegen als je hier kunt zien uit te leggen wat elk deel van het formulier wordt gebruikt voor.

6
00:00:43,530 --> 00:00:48,750
Dus er is twee syntaxis We gaan ter dekking van de allereerste ziet er zo uit.

7
00:00:48,750 --> 00:00:55,770
Maak een label tag en dan eigenlijk hebben we de ingang binnen dat label tag.

8
00:00:56,160 --> 00:01:17,640
Dus je zou kunnen zeggen iets als je naam en dan zijn we gewoon gaan om deze gebruikersnaam te nemen en te zetten en zet het in en in plaats van dit te doen is het een beetje beter te maken dingen gespreid een beetje, zodat we de echte relatie tussen zien dingen.

9
00:01:17,860 --> 00:01:25,220
Dus we vergeten de dikke darm te zetten en vervolgens het wachtwoord in en zet.

10
00:01:27,630 --> 00:01:28,410
En daar gaan we.

11
00:01:28,410 --> 00:01:32,050
Dat is alles wat we zouden moeten doen Vernieuw de pagina.

12
00:01:32,160 --> 00:01:36,720
We hebben nu twee labels die beantwoorden onze twee ingangen.

13
00:01:38,190 --> 00:01:44,110
Er is dus een alternatieve syntax in plaats van het hebben van uw input genesteld binnenkant van een label.

14
00:01:44,130 --> 00:01:49,340
We kunnen eigenlijk ze doen volledig gescheiden en we sluit ze in een iets andere manier.

15
00:01:49,380 --> 00:01:55,920
U kunt hier zien we hebben een label en het heeft een vier-attribuut dat gelijk is aan de gebruikersnaam in te stellen.

16
00:01:56,190 --> 00:01:59,510
En dan hebben we een ingang met een ID die gelijk is aan de gebruikersnaam.

17
00:01:59,730 --> 00:02:12,950
Dus zolang deze twee match scenarioschrijver en andere toegankelijkheid software zal weten dat dit label, dat is voor de gebruiker naam die overeenkomt met deze ingang met ID-gebruikersnaam.

18
00:02:12,960 --> 00:02:20,640
Dus gewoon om te laten zien dat ik ga om verder te gaan en gewoon dupliceren dit commentaar uit zodat we het hebben.

19
00:02:20,640 --> 00:02:25,080
En wat ik ga doen is bewegen de input-tags, zodat ze gescheiden van de labels.

20
00:02:25,110 --> 00:02:29,730
Ze zijn niet meer bevatte binnenkant van dat label tag.

21
00:02:29,730 --> 00:02:34,330
Zodat ze niet langer genest in elkaar.

22
00:02:37,110 --> 00:02:38,020
OK.

23
00:02:38,550 --> 00:02:56,990
En het volgende ding is ze te verbinden want nu hoewel het precies hetzelfde gaat op zoek naar software voor mensen met een visuele handicap deze zijn niet precies hetzelfde, omdat ze niet echt verbonden is er geen lijn die dit label met deze ingang.

24
00:02:57,000 --> 00:03:02,380
Dus om te doen die we gebruiken de vier toeschrijven laten we zeggen voor gebruikersnaam.

25
00:03:03,240 --> 00:03:13,870
En dan hier moeten we zeggen ID is gebruikersnaam en we zullen hetzelfde label te doen voor wachtwoord.

26
00:03:14,370 --> 00:03:17,830
En alleen maar om duidelijk de naam doet er niet toe zijn.

27
00:03:17,850 --> 00:03:20,760
We willen ervoor zorgen dat het leuk en zinvol.

28
00:03:20,760 --> 00:03:32,790
Het is niet alleen jibberish maar het is niet zo lang als het overeenkomt met de ID en vernieuw het ziet er precies hetzelfde uit.

29
00:03:32,790 --> 00:03:35,670
Maar je kunt gewoon vertrouwen op onze gegevens is nu verbonden.