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.
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.
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.
Dus het is echt belangrijk.
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.
Dus er is twee syntaxis We gaan ter dekking van de allereerste ziet er zo uit.
Maak een label tag en dan eigenlijk hebben we de ingang binnen dat label tag.
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.
Dus we vergeten de dikke darm te zetten en vervolgens het wachtwoord in en zet.
En daar gaan we.
Dat is alles wat we zouden moeten doen Vernieuw de pagina.
We hebben nu twee labels die beantwoorden onze twee ingangen.
Er is dus een alternatieve syntax in plaats van het hebben van uw input genesteld binnenkant van een label.
We kunnen eigenlijk ze doen volledig gescheiden en we sluit ze in een iets andere manier.
U kunt hier zien we hebben een label en het heeft een vier-attribuut dat gelijk is aan de gebruikersnaam in te stellen.
En dan hebben we een ingang met een ID die gelijk is aan de gebruikersnaam.
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.
Dus gewoon om te laten zien dat ik ga om verder te gaan en gewoon dupliceren dit commentaar uit zodat we het hebben.
En wat ik ga doen is bewegen de input-tags, zodat ze gescheiden van de labels.
Ze zijn niet meer bevatte binnenkant van dat label tag.
Zodat ze niet langer genest in elkaar.
OK.
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.
Dus om te doen die we gebruiken de vier toeschrijven laten we zeggen voor gebruikersnaam.
En dan hier moeten we zeggen ID is gebruikersnaam en we zullen hetzelfde label te doen voor wachtwoord.
En alleen maar om duidelijk de naam doet er niet toe zijn.
We willen ervoor zorgen dat het leuk en zinvol.
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.
Maar je kunt gewoon vertrouwen op onze gegevens is nu verbonden.