Атрибут spellcheck тега <button>

Описание

Атрибут spellcheck определяет, должна ли проверяться орфография текстового содержимого кнопки. Хотя кнопки редко содержат редактируемый текст, этот атрибут может быть полезен для кнопок с contenteditable="true".

Пример использования:
<button contenteditable="true" spellcheck="true"> Редактируемый текст с проверкой орфографии </button>
Значение Поведение Применение
true Включает проверку орфографии Для редактируемых текстовых элементов
false Отключает проверку орфографии По умолчанию для кнопок
Не указан Наследует поведение родителя Определяется браузером

Практический пример:

<div spellcheck="true"> <button contenteditable="true">Наследует spellcheck</button> <button contenteditable="true" spellcheck="false">Явное отключение</button> </div>

Особенности работы:

  • По умолчанию отключен для элементов button
  • Работает только в сочетании с contenteditable="true"
  • Зависит от настроек браузера и языка страницы
  • Не влияет на нередактируемый текст

Рекомендации:

  • Используйте только для специальных редактируемых кнопок
  • Для форм лучше использовать текстовые поля с spellcheck
  • Указывайте язык содержимого через атрибут lang
  • Тестируйте в разных браузерах

Примечание: В большинстве случаев spellcheck не нужен для обычных кнопок. Его основное применение - текстовые поля и редактируемые элементы.