Атрибут accept
Синтаксис
HTML
XHTML
<input type="file" accept="[значение]">
Описание
Атрибут / параметр accept
(от англ. "accept" ‒ «признавать, допускать») указывает список типов файлов, которые можно отправлять на сервер для обработки.
Условия использования
Применяется только к полям формы с типом «file
».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 17.4 The INPUT element accept = content-type-list [CI]... DTD: Transitional
Strict
Frameset
|
5.0 | 4.10.5.1.14 File Upload state (type=file) The accept attribute... |
5.1 | 4.10.5.1.18. File Upload state (type=file) The accept attribute... |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения могут указываться следующие типы файлов, допускающиеся до загрузки на сервер.
- audio/*
- Указывает, что для загрузки на сервер принимаются все аудио файлы.
<input type="file" accept="audio/*,text/html,text/css">
- image/*
- Указывает, что для загрузки на сервер принимаются все файлы изображений.
<input type="file" accept="image/*,text/html,text/css">
- video/*
- Указывает, что для загрузки на сервер принимаются все видео файлы.
<input type="file" accept="video/*,text/html,text/css">
- MIME-типы
- Указываются MIME-типы файлов, допускающиеся до загрузки на сервер. (например, «
text/html
», «image/png
», «image/gif
», «video/mpeg
», «text/css
», «audio/mpeg
»)<input type="file" accept="text/html,text/css,text/javascript">
- Расширения
- Указываются расширения файлов, допускающиеся до загрузки на сервер (например, «
.html
», «.png
», «.gif
», «.mpeg
», «.css
», «.mp3
»).<input type="file" accept=".html,.css,.js">
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр accept (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "accept"</h1>
<p><input type="file" accept="image/*,text/html,text/css,text/javascript,.doc,.docx,.odt"></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр accept (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "accept"</h1>
<p><input type="file" accept="image/*,text/html,text/css,text/javascript,.doc,.docx,.odt"></p>
</body>
</html>
Параметр accept (Элемент input)