Атрибут spellcheck тега <select>
Описание
Атрибут spellcheck определяет, должна ли проверяться орфография текста в редактируемом элементе <select>. Хотя стандартное поведение <select> не поддерживает редактирование, атрибут может влиять на дочерние редактируемые элементы.
Пример использования:
<select spellcheck="true">
<option>Обычный вариант</option>
<option contenteditable="true">Редактируемый вариант</option>
</select>
Значения атрибута:
| Значение | Описание |
|---|---|
true |
Включает проверку орфографии |
false |
Отключает проверку орфографии |
| не указан | Наследует поведение от родительских элементов |
Особенности работы:
- По умолчанию
<select>не поддерживает проверку орфографии - Эффективен только при наличии
contenteditable="true" - Работает с текстом в
<option>при редактировании - Зависит от языковых настроек браузера (
langатрибут)
Пример с редактируемыми опциями:
<select spellcheck="true">
<option contenteditable="true">Редактируемый вариант 1</option>
<option contenteditable="true">Редактируемый вариант 2</option>
</select>
Рекомендации:
- Используйте только для специальных случаев редактируемых списков
- Сочетайте с атрибутом
langдля правильной проверки - Для обычных
<select>элементов атрибут не имеет эффекта - Тестируйте в целевых браузерах
Ограничения:
- Не поддерживается в некоторых мобильных браузерах
- Не влияет на стандартное поведение нередактируемых списков
- Может некорректно работать со смешанными языками
Поддержка браузерами:
Атрибут поддерживается всеми современными браузерами, но имеет эффект только при наличии contenteditable="true":
- Chrome 9+
- Firefox 3.6+
- Edge 12+
- Safari 5.1+