Как включить или отключить проверку орфографии при помощи атрибута spellcheck

10.08.18 HTML 136

В настоящее время современные браузеры стараются выполнять проверку орфографии при вводе текста в любых полях. Такая настройка обычно установлена по умолчанию. Но иногда необходимо самостоятельно определить, в каких полях будет проверяться текст, а в каких нет. Для этого существует специальный HTML атрибут – spellcheck.

Данный атрибут всего лишь подсказка для браузеров, его необходимо правильно использовать, он обязательно должен иметь значение – true или false. Обычно его можно применить для любых мест, куда можно ввести текст. Чаще всего это:

• input;
• textarea;
• различные элементы с атрибутом contenteditable, например, тег p.

Важно понимать, что браузер может не поддерживать проверку орфографии или она может быть отключена. Поэтому необходимо прежде всего включить такую функциональность в настройках.

Совместимость с браузерами практически полная, поэтому нет нужды волноваться за работу атрибута spellcheck. Данный атрибут является наследуемым, поэтому если родительский элемент имеет такой атрибут со значением true, то и все вложенные в него элементы будут проверяться на наличие ошибок, пока значение не будет переопределено явно.

Пример использования ниже:

<input type="text" spellcheck="false" value=" Этот текст не будет проверяться на наличие ошибок">
<textarea spellcheck="false">Этот текст не будет проверяться на наличие ошибок</textarea>
<p contenteditable spellcheck="false">Этот текст не будет проверяться на наличие ошибок</p>

Таким образом, с помощью атрибута spellcheck можно легко управлять проверкой орфографии на любой странице сайте и в любом поле.