HTML-атрибут accept
HTML-атрибут accept: применимые элементы, формат значения, пример разметки, частые ошибки и данные совместимости браузеров.
Назначение и границы
Назначение «accept» раскрывается через задачу «уточнить поведение или данные элемента в допустимом для него контексте». Атрибут accept применяется к input и браузер разбирает значение по правилам соответствующего элемента. Для воспроизводимой проверки «accept» используйте пример в интерфейсе с направлением письма справа налево и наблюдайте состояние при пустом содержимом.
Где применяется: input.
Для «accept» сначала проверяйте допустимые элементы и формат значения по спецификации. После этого сравните исходное и изменённое состояние «accept» на одном и том же содержимом.
Синтаксис accept
Пример «accept» оставляет только контекст, необходимый для области «настройка HTML-элемента». Измените одно значение и проследите результат в браузере.
<label>Значение <input accept="10" name="value"></label>Как работает accept
Атрибут accept применяется к input и браузер разбирает значение по правилам соответствующего элемента. Для «accept» проверьте две контрольные точки — состояние при пустом содержимом и состояние при пустом содержимом: так видно, на каком этапе появляется итоговое поведение этой темы.
Проверка в проекте
- Проверяйте допустимые элементы и формат значения по спецификации; результат относится непосредственно к «accept».
- Проверить длинный текст, пустое значение и отсутствие необязательного ресурса при разборе «accept».
- Проверьте «accept» в интерфейсе с направлением письма справа налево через состояние при пустом содержимом и запишите наблюдаемое изменение.
Используйте «accept», когда требуется уточнить поведение или данные элемента в допустимом для него контексте; подтвердите выбор предметной проверкой: проверяйте допустимые элементы и формат значения по спецификации. Для «accept» более простой вариант предпочтителен, если он сохраняет тот же смысл и поведение.
Практика с accept
Создайте два варианта «accept» на небольшом макете: корректный и с одной типичной ошибкой. Сравните варианты «accept» через состояние при пустом содержимом и объясните различие.
Сценарий: в интерфейсе с направлением письма справа налево.
Ошибки при работе с accept
Контекст
Значение accept вне допустимого элемента или формата может быть проигнорировано браузером — это предметный риск для «accept».
Устойчивость
Проверка только мышью и только на широком экране при использовании «accept».
Доступность
Копирование свойства без необходимого родительского контекста; для «accept» проверьте это отдельно.
Поддержка accept
Для «accept» таблица собрана из закреплённой версии MDN Browser Compatibility Data. Указанная версия браузера показывает первое заявленное появление базовой поддержки «accept»; окончательное решение принимайте по аудитории конкретного проекта.
Спецификация: источник 1.
Вопросы о accept
Как понять, что «accept» выбрано правильно?
«accept» выбрано правильно, когда оно решает задачу «уточнить поведение или данные элемента в допустимом для него контексте», сохраняет результат в интерфейсе с направлением письма справа налево и проходит предметную проверку: проверяйте допустимые элементы и формат значения по спецификации.
Нужен ли запасной вариант для «accept»?
Запасной вариант для «accept» нужен, если целевой браузер или режим не обеспечивает выбранное поведение. Без улучшения «accept» должно сохранять смысл, содержимое и основное действие.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.