Дорогой друг!

Справочник HTML переехал на новый сайт с коротким и простым адресом webref.ru. Там справочник регулярно обновляется и пополняется. Он актуальнее, лучше, полнее и содержит ряд интересных возможностей. На htmlbook.ru справочник HTML больше обновляться не будет и со временем закроется. Переходи на сайт webref.ru и пользуйся им на здоровье.

Атрибут spellcheck


Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 11.0+ 4.0+ 3.0+

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

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

  1. Откройте меню Chrome Меню Chrome  на панели инструментов браузера.
  2. Выберите пункт «Настройки».
  3. Нажмите «Показать дополнительные настройки».
  4. В разделе «Языки» выберите «Настройка языков и способов ввода».
  5. В открывшемся диалоговом окне «Языки» установите или снимите флажок «Включить проверку правописания».

Синтаксис

spellcheck="true | false"

Значения

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

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

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

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

Применяется к тегам

<input>, <textarea>, а также тегам, у которых установлен атрибут contenteditable.

Пример

HTML5IECrOpSaFx

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

Браузеры

Браузер Firefox не выключает проверку орфографии для редактируемых полей (у которых установлен атрибут contenteditable).

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.