LECȚIA 61 DIN 120

Construiește: un câmp text etichetat

Conectează explicit un label cu un input text obligatoriu.

Sursă oficialăWHATWG HTML — labelRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

Conectează explicit un label cu un input text obligatoriu. Structura semantică trebuie să descrie sensul, nu aspectul vizual.

Exemplu corect
<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.

Greșeală frecventă
<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.

PASUL 2 · APLICĂ

Exercițiul tău

Completează exemplul. Conectează explicit un label cu un input text obligatoriu.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlHTML
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Inputul text are id, name și required.
  • Inputul are label conectat.
Explică-mi logica rezolvării

Adaugă același identificator în label for și input id, apoi completează inputul cu type="text", name și required.