Атрибут spellcheck

Атрибут spellcheck указывает браузеру проверять или нет правописание и грамматику в тексте. Хотя атрибут можно устанавливать практически для всех элементов, результат будет заметен только для полей форм (<input>, <textarea>), а также редактируемых элементов (у них установлен атрибут contenteditable).

Браузер может не поддерживать проверку орфографии или она может быть отключена. Например, для Chrome проверка настраивается следующим образом.

  1. Откройте меню Chrome на панели инструментов браузера.
  2. Выберите пункт «Настройки».
  3. В разделе «Языки» выберите «Проверка правописания».
  4. В открывшемся окне «Языки» установите флажок «Проверка правописания текста, вводимого на веб-страницах» (рис. 1).
  5. Укажите язык, для которого нужна проверка правописания.

Включение проверки правописания

Рис. 1. Включение проверки правописания

При включении проверки слова с ошибками подчёркиваются красной волнистой линией.

Синтаксис

spellcheck="true | false"

Значения

true
Включает режим проверки правописания.
false
Отключает проверку.

Вместо true допустимо указывать пустое значение (spellcheck="") или вообще его не писать (spellcheck).

Значение по умолчанию

Зависит от настроек браузера.

Пример

Код примера скопирован в буфер
<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>spellcheck</title>
 </head>
 <body>
  <p contenteditable="true" spellcheck="false">
   Не лѣпо ли ны бяшетъ, братіе, начяти 
   старыми словесы трудныхъ повѣстій 
   о пълку Игоревѣ, Игоря Святъславлича?</p>
 </body>
</html>

Примечание

В мобильных браузерах отключение проверки орфографии spellcheck="false" не даёт эффекта, слова с ошибками подчёркиваются красной волнистой линией.

Спецификация

Браузеры

10 12 9 11.5 5.1 2
47 57 37 9.3