Отключить проверку орфографии в текстовых полях HTML

287

Можно ли как-то отключить проверку орфографии в текстовых полях HTML (как это видно, например, в Safari)?

Михель де Маре
источник

Ответы:

420

Обновление : в соответствии с предложением комментатора (дополнительная информация о том, как отключить проверку орфографии при вводе текста на iPhone ), используйте его для обработки всех настольных и мобильных браузеров.

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>

Исходный ответ: Javascript не может переопределить пользовательские настройки, поэтому, если вы не используете другой механизм, кроме текстовых полей, это невозможно (или не должно быть) возможным.

Эрик Венделин
источник
4
почему это было принято? это не имеет смысла, потому что он может переопределить пользовательские настройки, если браузер позволяет это. см ответ ms2ger.
USR
1
Просто потому, что это был лучший ответ в то время. Я предполагаю, что Мичиэль не прошла назад и пометила другую как правильную. Это было бы хорошо со мной, так как это лучший ответ.
Эрик Венделин
2
Важно совместимость примечание браузера - Mobile Safari (IOS) не чтили тег для экземпляра - wufoo.com/html5/attributes/17-spellcheck.html
подкоренное
3
stackoverflow.com/questions/3416867/… имеет правильный ответ на это ( autocorrect="off") для Mobile Safari - spellcheck=не работает
Chris S
1
должен быть Autocomplete = "выключено" Автозамена = "выключено" autoCapitalize = "выключено" Spellcheck = "ложь"
Заман
208

Да, используйте spellcheck="false", как определено в HTML5 , например:

<textarea spellcheck="false">
    ...
</textarea>
Ms2ger
источник
1
В MDN есть таблица, показывающая значение проверки орфографии по умолчанию для разных браузеров и элементов: developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/…
Пол
2
Я получаю сообщение об ошибке "Неизвестная проверка орфографии свойства DOM. Вы имели в виду spellCheck?" Использование, spellCheckкажется, удовлетворяет это. Может быть просто реактивная вещь.
Shanimal
3
@Shanimal Да, реагирует использует верблюжий регистр для атрибутов DOM. См reactjs.org/docs/introducing-jsx.html
Сьюки
13

Для грамматики вы можете использовать:

<textarea data-gramm="false" />
датчик
источник
7

IFrame «активирует» проверку орфографии (если для него задано значение true для редактируемого содержимого) как текстовое поле, по крайней мере, в Chrome.

JCOC611
источник
1
+1 для «контента редактируемого набора для истинного» трюка вот реальный трюк
AT
4

Следующий фрагмент кода отключает его для всех textareaи input[type=text]элементов:

(function () {
    function disableSpellCheck() {
        let selector = 'input[type=text], textarea';
        let textFields = document.querySelectorAll(selector);

        textFields.forEach(
            function (field, _currentIndex, _listObj) {
                field.spellcheck = false;
            }
        );
    }

    disableSpellCheck();
})();
Артур Беляев
источник