Блог веб разработки

Блог веб-разработки статьи | видеообзоры | исходный код

Атрибут spellcheck в html

Всем привет! Все мы не безгрешны когда дело касается орфографии. Причинами тому могут быть безграмотность или простая невнимательность. На помощь горе писателям был внедрен режим проверки орфографии вводимого текста. Используя атрибут spellcheck мы можем включать данный режим, так и выключать его. Итак, поехали!

Для начала создадим обычное текстовое поле.

<textarea placeholder="Введите что нибудь" required ><textarea>

И теперь намерено введен туда слово с орфографической ошибкой. Допустим слово 'синний'. Для того чтобы подсветить ошибку достаточно выделить веденное слово.

В результате наше выделенное слово 'синний' будет подчеркнуто красной волнистой линией. Поздравляю, вы стали свидетелем работы режима проверки орфографии. Заметьте для этого нам не пришлось пользоваться атрибутом spellcheck, потому что данный режим изначально включен по умолчанию. Исправив орфографическую ошибку в слове 'синий' красная волнистая линия исчезнет.

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

<textarea placeholder="Введите что нибудь" required spellcheck="false"><textarea>

В качестве значения атрибута указываем false. В результате чтобы мы не вводили в данную текстовую область, орфографические ошибки не будут подсвечиваться. Честно сказать даже не знаю для чего это нужно, ну разве что вы будете использовать свои собственные проверки правописания или они вам не нужны вовсе. Делайте выводы сами!

Мое дело показать вам что данная возможность есть.

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

Помимо текстовых полей форм данный атрибут можно применять к элементам содержащим атрибут contenteditable="true". То есть элементам текстовой контент которых мы можем редактировать.

На этом данная статья подошла к концу. Если у вас остались вопросы пишите их в комментариях или группе

вк.

На этом у меня все. Желаю вам успехов и удачи! Пока.

Оцените статью

Еще статьи

Использование свойства box-shadow для создания рамок

Область видимости php

Переменные окружения в PHP

html полный экран

Распознавание речи javaScript

parse_url() и parse_str() php

Псевдоселектор selection в css

Комментарии

Проверочный код

В данном разделе пока нет комментариев!

История

    ПОДПИСКА

    • Подпишись и получай информацию о выходе новых статей на почту! Просто введите свою почту, нажмите кнопку подписаться. На почту должно будет прийти сообщение с потверждением подписки. Если сообщение не пришло проверьте раздел спам или попробуйте другую почту. Также по всем техническим проблемам вы можете написать в поддержку

    НОВОСТИ

    • Всем привет! Запустил новый сервис для поиска и бесплатного скачивания, прослушивания аудиокниг. Здесь вы можете найти множество литературы и прослушать ее. Вскоре возобновлю написание статей.