Вимкніть перевірку орфографії Chrome / Safari за допомогою HTML / css

126

Чи існує спосіб для веб-розробника вимкнути перевірку орфографії Chrome / Safari / WebKit щодо конкретних inputабо textareaелементів? Я маю на увазі або за спеціальним атрибутом тегу, або за власною інструкцією CSS.

Існує інструкція CSS для відключення контуру inputs, тому я подумав, що це також може існувати. Я знаю, як користувач може це зробити.

Або як користувач я можу відключити його для якогось конкретного домену?

— дода
джерело

3

Точний дублікат Вимкнути перевірку орфографії на текстових полях HTML протягом ~ 5 років. Вгадайте, модератори були зайняті закриттям більш законних питань.

— Дан Даскалеску

211

Так, є атрибут перевірки орфографії HTML5.

<textarea spellcheck="false"> або <input type="text" spellcheck="false">

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

Оновлення: тепер це підтримується в останніх версіях усіх браузерів.

— Гаурав
джерело

Схоже, це не працює на Safari Mobile. У мене є висновок про те, що я хочу відключити перевірку орфографії, і iPad продовжує вносити пропозиції щодо написання орфографії, навіть якщо для перевірки орфографії встановлено значення FALSE. :(

— ThiagoPXP

Не зробили це в хромованому андроїді 67: /

— Рей Фосс

36

Це працює в Safari 7.1 і має працювати також і в інших:

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

Тільки spellcheck="false"не вийшло.

— Тімо Кехьонен
джерело

7

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

<form spellcheck="false" .. />

— MTM
джерело

3

Щодо окреслення вхідних тегів: не робіть цього, це візуальна підказка для користувачів.

Але якщо потрібно:

#your-input{outline:none;}

— Каміло Мартін
джерело

3

Якщо ви позбавляєтесь від контуру, це зазвичай тому, що у вас вже є інші візуальні підказки, :focusі контур їм заважає; залишення за :focusзамовчуванням спричиняє розрив між різними браузерами. stackoverflow.com/questions/71074/… також може бути корисним у цьому випадку.

— Хоукен

2

@Hawken Я бачив, як кілька сайтів видаляють візуальні підказки і не надають жодної заміни. Я все в порядку зі спеціальними підказками, але вони повинні бути деякі.

— Каміло Мартін

1

Питання стосується чіткої лінії всередині текстового поля, коли перевірка правопису вважає, що вхідний текст написаний неправильно, а не контур, якщо я не помиляюся. Однак, ваша відповідь - це добре відома інформація.

— MrBoJangles

2

У React вам потрібно використовувати spellCheckзамість цього.

<input spellCheck={false} type="text"/>

— Пол Разван Берг
джерело