Атрибут accept

Синтаксис

Значения

Значение по умолчанию

Пример


Расширение
MIME-тип				8
audio/, video/, image/*,				8

Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов. Если файл не подходит под установленный фильтр, он не показывается в окне выбора файлов.

Применяется к полю для отправки файла (<input type="file">).

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

	Описание	Пример
<тип>	Указывает тип значения.	<размер>
A && B	Значения должны выводиться в указанном порядке.	<размер> && <цвет>
A \| B	Указывает, что надо выбрать только одно значение из предложенных (A или B).	normal \| small-caps
A \|\| B	Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.	width \|\| count
[ ]	Группирует значения.	[ crop \|\| cross ]
*	Повторять ноль или больше раз.	[,<время>]*
+	Повторять один или больше раз.	<число>+
?	Указанный тип, слово или группа не является обязательным.	inset?
{A, B}	Повторять не менее A, но не более B раз.	<радиус>{1,4}
#	Повторять один или больше раз через запятую.	<время>#

Расширение файла с точкой впереди (например: .jpg).

Имя MIME-типа (например: image/jpeg).

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

Несколько значений перечисляются через запятую (например: image/jpeg, image/png).

Нет.

Расширение

audio/*, video/*, image/*,

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>INPUT, атрибут accept</title> </head> <body> <form action="page/handler.html"> <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 lang="ru"> <head> <meta charset="utf-8"> <title>INPUT, атрибут accept</title> </head> <body> <form action="page/handler.html"> <p><strong>Укажите картинку</strong></p> <p><input type="file" name="img" accept="image/*"> <input type="submit" value="Отправить"></p> </form> </body> </html>