Atrybut globalny HTMLAtrybuty globalne
spellcheck
Włącza lub wyłącza sprawdzanie pisowni w edytowalnym tekście.
- Dotyczy
- Elementy edytowalne: pola tekstowe i elementy z
contenteditable
Przykład
#HTML
<textarea spellcheck="true" rows="2">Tu jest błont ortograficzny</textarea>
<textarea spellcheck="false" rows="2">const usrNme = "kuba_dev"</textarea>Podgląd
Definicja i zastosowanie
#Atrybut spellcheck mówi przeglądarce, czy ma podkreślać błędy ortograficzne w polach tekstowych i elementach z contenteditable.
Wyłączenie przydaje się w polach, w których słownik tylko przeszkadza: nazwy użytkowników, kody, adresy, fragmenty kodu. W zwykłych polach na dłuższy tekst warto go zostawić włączonego.
To tylko wskazówka. Ostateczną decyzję podejmuje przeglądarka i ustawienia systemu, a do sprawdzania używany jest słownik języka ustawionego atrybutem lang.
Składnia
#Składnia
<element spellcheck="true | false">…</element>Wartości
#true
Sprawdzaj pisownię.false
Nie sprawdzaj pisowni.
Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- W polach na kod i identyfikatory połącz
spellcheck="false"zautocomplete="off"iautocapitalize="off". - Ustaw poprawny
lang, inaczej przeglądarka może podkreślać poprawne polskie słowa.
Powiązane hasła
#- contenteditablePozwala użytkownikowi edytować treść elementu bezpośrednio na stronie.
- <textarea>Wielowierszowe pole tekstowe na dłuższe wypowiedzi: wiadomości, opinie, opisy.
- <input>Pole formularza: tekst, e-mail, hasło, liczba, data, suwak, pole wyboru, plik i wiele innych.
- langJęzyk treści elementu, na przykład pl albo en.
- autocapitalizeMówi klawiaturze ekranowej, kiedy pisać wielką literą: nigdy, na początku zdania, na początku słowa albo zawsze.
Widzisz błąd albo brakuje przykładu? Napisz do nas.