LECȚIA 70 DIN 120

Repară: o listă selectabilă

Oferă un text inițial și cel puțin trei opțiuni reale într-un select etichetat.

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

Cum funcționează

Oferă un text inițial și cel puțin trei opțiuni reale într-un select etichetat. Structura semantică trebuie să descrie sensul, nu aspectul vizual.

Exemplu corect
<form><label for="service">Serviciu</label><select id="service" name="service" required><option value="">Alege un serviciu</option><option value="audit">Audit</option><option value="site">Site</option><option value="sistem">Sistem web</option></select></form>

select oferă alegerea dintre opțiuni. Pentru un select obligatoriu cu o singură alegere, prima option cu value gol funcționează ca indicație inițială; opțiunile reale au valori nenule pentru trimitere.

Greșeală frecventă
<form><select><option>Site</option></select></form>

Controlul nu are label, id, name sau required. Singura opțiune nu declară o valoare și nu există un text inițial separat.

PASUL 2 · APLICĂ

Exercițiul tău

Corectează exemplul fără să schimbi scopul. Oferă un text inițial și cel puțin trei opțiuni reale într-un select etichetat.

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
  • Select are id, name și required.
  • Prima opțiune este indicația inițială cu value gol.
  • Select conține trei opțiuni reale cu value.
  • Select are label conectat.
Explică-mi logica rezolvării

Conectează labelul prin for și id, adaugă name și required, apoi creează prima option cu value gol și încă trei opțiuni cu valori distincte.