Как работает атрибут проверки орфографии html5?

Question

Как работает атрибут html5 spellcheck?

Я вижу эту страницу с Chrome 17, который должен поддерживать spellcheck на <textarea>, (но не на <input type='text'>), но когда я набираю некоторые не слова в текстовая область, указанная на этой странице, я не вижу изменений.

Answer 1

См. Этот рабочий пример , примененный к text area. Это работает в сафари, Chrome и Firefox для меня. Если нет, пожалуйста, предоставьте информацию о том, какую ОС вы используете. Поддержка браузера в настоящее время ограничена, как вы можете видеть ниже.

Answer 2

Поддержка улучшилась с течением времени. Это обновленная таблица:

Несколько вещей для рассмотрения:

• Значение по умолчанию зависит от элемента и браузера. Обычно contenteditable и <textarea> ведут себя так, как будто для него установлено значение «true», а <input> ведут себя так, как будто для него установлено значение false.
• Проверка орфографии не влияет на проверку.
• Android обеспечивает автозаполнение, но не поддерживает проверку орфографии.

Дополнительная информация: Артикул MDN , Артикул Wuffo , Последняя таблица сравнения

Answer 3

Атрибут spellcheck все еще плохо (если вообще) реализован в браузерах. Например, когда я захожу на страницу, которую вы упоминаете в Chrome 18, и вводите слова с ошибками в поле «Эта текстовая область должна быть проверена на наличие слов с ошибками». Браузер помечает слова как слова с ошибками. Двойной щелчок на каком-то другом слове также делает его ошибочным. Объяснение состоит в том, что я установил испанский язык как язык проверки правописания. Примечание. Этот язык можно изменить, щелкнув правой кнопкой мыши на входе и выбрав параметры проверки орфографии, но изменение не вступит в силу до перезагрузки страницы.

Так что проверьте эти настройки в вашем браузере. Обратите внимание, что там есть флажок, который контролирует, используется ли вообще проверка орфографии.