Отключить проверку правописания Chrome / Safari с помощью HTML / css

Есть ли способ для веб-разработчика отключить проверку орфографии в Chrome / Safari / WebKit для определенных input или textarea элементов? Я имею в виду либо специальный атрибут тега, либо проприетарную инструкцию CSS.

Есть инструкция CSS для отключения выделения inputs, поэтому я подумал, что она тоже может существовать. Я знаю, как это может сделать пользователь.

Или как пользователь могу отключить его для определенного домена?


google-chrome html css spell-checking
person tillda    schedule 24.12.2010    source источник
comment
Точный дубликат Отключить проверку орфографии в текстовых полях HTML на ~ 5 лет. Думаю, модераторы были заняты закрытием более законных вопросов.   -  person Dan Dascalescu    schedule 07.07.2015

Ответы (5)


arrow_upward
217
arrow_downward

Да, есть атрибут проверки орфографии HTML5.

<textarea spellcheck="false"> or <input type="text" spellcheck="false">

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#spelling-and-grammar-checking.

Обновление: теперь это поддерживается в последних версиях всех браузеров.

person Gaurav    schedule 24.12.2010
comment
Похоже, это не работает в Safari Mobile. У меня есть ввод, который я хочу отключить, и iPad продолжает предлагать варианты правописания, даже если для атрибута проверки орфографии установлено значение FALSE. :( - person ThiagoPXP; 06.12.2013
comment
Не делал в chrome android 67: / - person Ray Foss; 25.07.2018

arrow_upward
37
arrow_downward

Это работает в Safari 7.1 и должно работать также в других:

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

Только spellcheck="false" не сработало.

person Timo Kähkönen    schedule 09.12.2014
comment
Для iOS Safari это правильный путь. - person Michael Edelstone; 10.01.2021

arrow_upward
7
arrow_downward

для всех элементов формы можно и так:

<form spellcheck="false" .. />
person MTM    schedule 02.10.2016

arrow_upward
4
arrow_downward

В React вместо этого нужно использовать spellCheck.

<input spellCheck={false} type="text"/>
person Paul Razvan Berg    schedule 01.12.2019

arrow_upward
3
arrow_downward

Что касается выделения тегов ввода: не делайте этого, это визуальный сигнал для пользователей.

Но если вы должны:

#your-input{outline:none;}
person Camilo Martin    schedule 24.12.2010
comment
Если вы избавляетесь от контура, это обычно происходит потому, что у вас уже есть другие визуальные подсказки для :focus, и контур им мешает; оставление :focus по умолчанию приводит к разрыву между различными браузерами. stackoverflow.com/questions/71074/ также могут быть полезны в этом случае. - person Hawken; 27.10.2012
comment
@Hawken Я видел, как несколько сайтов удаляли визуальные подсказки и не предлагали никакой замены. Я нормально отношусь к индивидуальным репликам, но они должны быть. - person Camilo Martin; 20.12.2012
comment
Вопрос касается волнистой линии внутри текстового поля, когда проверка орфографии считает, что вводимые данные ошибочны, а не очертания, если я не ошибаюсь. Тем не менее, ваш ответ - полезная информация. - person MrBoJangles; 11.02.2015