CSS властивості
ГлавнаяАтрибути HTMLАтрибут accept до HTML тега <input>

Атрибут accept до HTML тега <input>

132

Встановлює фільтр на типи файлів, які можна надіслати через поле завантаження файлів. Якщо файл не підходить під встановлений фільтр, він не відображається у вікні вибору файлів.

Застосовується до поля для надсилання файлу (<input type="file">).

Синтаксис

<input type="file" accept="<MIME-тип>">

Значення

Розширення файлу з точкою попереду (наприклад: .jpg).

Ім'я MIME-типу (наприклад: image/jpeg).

В HTML5 також можна як значення вказувати audio/* для вибору всіх звукових файлів, video/* для відеофайлів та image/* для всіх графічних файлів.

Кілька значень перераховуються через кому (наприклад: image/jpeg, image/png).

Значення за замовчуванням

Ні.

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>INPUT, атрибут accept</title>
</head>
<body> <form action="handler.php"> <p><strong>Вкажіть зображення у форматі JPEG, PNG або GIF</strong></p> <p><input type="file" name="img" accept="image/jpeg,image/png,image/gif"> <input type="submit" value="Надіслати"></p>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>INPUT, атрибут accept</title>
</head>
<body> <form action="handler.php"> <p><strong>Вкажіть картинку</strong></p> <p><input type="file" name="img" accept="image/*"> <input type="submit" value="Надіслати"></p>
</form>
</body>
</html>

Браузери

Розширення 10 26 15 11.1 37
MIME-тип 10 9 15 6 4
audio/*, video/*, image/*, 10 9 15 6 4
Розширення
MIME-тип 8
audio/*, video/*, image/*, 8

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується із застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується.

Автор та редактори

Автор: Влад Мержевич
Останнє змінення: 12.10.2018
Редактори: Влад Мержевич