Formular accesibil

Construiește un formular ușor de înțeles și completat.

PASUL 1 · ÎNVAȚĂ

Cum funcționează

Label identifică un control, iar tipurile corecte ajută validarea.

Exemplu corect

<form>
  <label for="email">Email</label>
  <input id="email" name="email" type="email" required>
  <button type="submit">Trimite</button>
</form>

for și id conectează eticheta cu inputul. type email activează validarea specifică, iar required marchează câmpul obligatoriu.

Greșeală frecventă

<input placeholder="Email">

Placeholderul dispare când utilizatorul scrie și nu înlocuiește o etichetă persistentă și conectată.

PASUL 2 · APLICĂ

Adaugă nume și email obligatorii, label conectat și buton submit.

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Ă

0%neverificat

Explică-mi logica rezolvării

Pentru fiecare control, verifică perechea label for și input id, apoi adaugă name, tipul corect și required.