Atributul spellcheck în HTML

<textarea spellcheck="true"></textarea>
<input spellcheck="false">

Ce face Atributul spellcheck

Browserele subliniază cu roșu cuvintele pe care nu le găsesc în dicționar, în câmpurile <textarea>, <input> de tip text și în elementele cu contenteditable. Atributul spellcheck îți permite să ceri explicit verificarea (true) sau să o oprești (false).

Atributul este doar o indicație. Browserul folosește dicționarul ales de utilizator în setări, iar utilizatorul poate dezactiva verificarea complet. Limba verificată poate ține cont și de atributul lang, în funcție de browser.

Oprește verificarea în câmpurile unde cuvintele nu sunt din dicționar: nume de utilizator, coduri, adrese de e-mail, cod sursă. Așa scapi utilizatorul de sublinieri inutile.

Atribute

Atribut	Descriere
true	Textul trebuie verificat ortografic.
false	Textul nu trebuie verificat.

Exemple

Exemplul 1: Mesaj verificat, cod de cupon neverificat

Mesajul are verificare ortografică, iar codul de reducere nu, ca să nu fie subliniat ca greșeală.

<form>
  <label for="mesaj">Mesaj pentru curier</label>
  <textarea id="mesaj" spellcheck="true" lang="ro">Va rog sunati la interfon.</textarea>

  <label for="cupon">Cod de reducere</label>
  <input id="cupon" spellcheck="false" value="TOAMNA25XQ">
</form>

Ce afișează browserul

Mesaj pentru curier
[Va rog sunati la interfon.] (cuvântul „sunati”, scris fără diacritice, este subliniat cu roșu ondulat dacă e instalat dicționarul românesc)
Cod de reducere
[TOAMNA25XQ] (fără subliniere)

Exemplul 2: Editor de cod fără sublinieri

Într-o zonă unde se scrie cod, cuvintele cheie nu sunt în dicționar, așa că verificarea se oprește.

<textarea spellcheck="false" rows="3" cols="40">const totalLei = pret * cantitate;</textarea>

Ce afișează browserul

[const totalLei = pret * cantitate;] (nimic nu este subliniat)

Greșeli frecvente

• Scrierea doar a numelui (<input spellcheck>). Atributul are valori true și false; scrie valoarea explicit.
• Așteptarea ca spellcheck="true" să corecteze textul. Browserul doar subliniază cuvintele, nu le schimbă și nu oprește trimiterea formularului.

Comenzi înrudite

• Atributul contenteditable: Face conținutul unui element editabil direct în pagină, ca într-un editor de text; plaintext-only permite doar text fără formatare.
• Atributul lang: Declară limba conținutului unui element, pentru pronunția corectă în cititoarele de ecran, despărțirea în silabe, traducere și SEO.
• <textarea>: Zonă de introducere a textului pe mai multe rânduri (multiline text box), cu redimensionare automată în browser.
• <input>: Cel mai versatil element de formular: își schimbă complet aspectul și funcția în funcție de atributul type.