PASUL 1 · ÎNVAȚĂ Cum funcționează Conectează explicit un label cu un input text obligatoriu. Structura semantică trebuie să descrie sensul, nu aspectul vizual.
<form><label for="name">Nume</label><input id="name" type="text" name="name" required></form>Labelul oferă câmpului un nume vizibil. Atributul for indică id-ul exact al inputului, name identifică valoarea trimisă, iar required marchează câmpul obligatoriu.
<form><label>Nume</label><input name="name"></form>Textul labelului este lângă input, dar nu este conectat prin for și id. Lipsesc și tipul explicit și starea obligatorie.
REZULTAT AȘTEPTAT Un formular cu label conectat explicit și un input text care are id, name și required.
PASUL 2 · APLICĂ Exercițiul tău Completează exemplul. Conectează explicit un label cu un input text obligatoriu.
Cod Rezultat
index.html HTML
Codul exercițiului
PASUL 4 · VERIFICĂ
Ce trebuie să treacă 0% neverificat
○ Inputul text are id, name și required. ○ Inputul are label conectat.
Verifică exercițiul✓ Arată un indiciu
Explică-mi logica rezolvării+ Adaugă același identificator în label for și input id, apoi completează inputul cu type="text", name și required.