Значение file
Синтаксис
HTML
XHTML
<input type="file">
Описание
Тип file (от англ. "file" ‒ «файл») создаёт поле выбора файла(-ов). Если поле принадлежит форме, то тогда файлы прикреплённые к данному полю так же прикрепляются и к форме (в качестве данных формы), и в случае отправки данных формы так же отправляются на сервер.
Внешний вид
‒ поле выбора файла;
‒ фокус;
‒ наведение курсора;
‒ активация.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | INPUT text fields, radio buttons, check boxes, ... |
| 4.01 | 17.2.1 Control types file select... DTD: Transitional
Strict
Frameset
|
| 5.0 | 4.10.5.1.14 File Upload state (type=file) |
| 5.1 | 4.10.5.1.17. File Upload state (type=file) |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
| 1.1 | Extensible HyperText Markup Language |
Сопутствующие атрибуты
- accept
- Устанавливает MIME-типы файлов, которые можно прикреплять к форме.
- autofocus
- Автоматческая фокусировка на поле выбора файлов после полной загрузки страницы.
- disabled
- Блокировка поля выбора файлов.
disabled="disabled" - form
- Присоединение поля выбора файлов к форме.
- multiple
- Допускает возможность выбора (прикрепления к форме) сразу нескольких файлов.
multiple="multiple" - name
- Присвоение имени (идентификатора) полю выбора файлов.
- required
- Указывает что поле выбора файлов обязательно для заполнения.
- value
- Указывает файл(-ы) или путь к файлу(-ам).
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение file (input-type)</title>
</head>
<body>
<h1>Пример с полем прикрепления файлов "type=file"</h1>
<fieldset> <legend><b>Выберите файл(-ы)</b></legend>
<p><input type="file" multiple="multiple"></p>
</fieldset>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Значение file (input-type)</title>
</head>
<body>
<h1>Пример с полем прикрепления файлов "type=file"</h1>
<fieldset> <legend><b>Выберите файл(-ы)</b></legend>
<p><input type="file" multiple="multiple"></p>
</fieldset>
</body>
</html>
Значение file (input-type)