HTML: атрибут accept

Кратко

Атрибут accept добавляется тегу <input>. Он позволяет указать, файлы какого типа пользователю нужно прикрепить.

Пример

Рассмотрим пример формы, где пользователю предлагается прикрепить фотографию кота:

<form method="post">
  <label for="cat-picture">Прикрепите фото кота</label>
  <input
    type="file"
    id="cat-picture"
    name="cat-picture"
    accept=".jpg, .jpeg, .png"
  >
  <button>Прикрепить</button>
</form>

Эта форма будет отображать только файлы с указанными расширениями в диалоговом окне выбора файлов.

Подсказки