/html/input/type/file:> Поле прикрепления файлов_

Значение file

Синтаксис

HTML
XHTML
<input type="file">

Описание

Тип file (от англ. "file" ‒ «файл») создаёт поле выбора файла(-ов). Если поле принадлежит форме, то тогда файлы прикреплённые к данному полю так же прикрепляются и к форме (в качестве данных формы), и в случае отправки данных формы так же отправляются на сервер.

Внешний вид

  • Внешний вид поля выбора файла ‒ поле выбора файла;
  • Внешний вид поля выбора файла с фокусом ‒ фокус;
  • Внешний вид поля выбора файла с наведённым на него курсором ‒ наведение курсора;
  • Внешний вид активированного поля выбора файла ‒ активация.

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Сопутствующие атрибуты

accept
Устанавливает MIME-типы файлов, которые можно прикреплять к форме.
autofocus
Автоматческая фокусировка на поле выбора файлов после полной загрузки страницы.
disabled
Блокировка поля выбора файлов.

Внешний вид заблокированного поля выбора файлов disabled="disabled"

form
Присоединение поля выбора файлов к форме.
multiple
Допускает возможность выбора (прикрепления к форме) сразу нескольких файлов.

Внешний вид поля выбора файлов с возможностью выбора нескольких файлов Внешний вид поля выбора файлов с выбранными файлами multiple="multiple"

name
Присвоение имени (идентификатора) полю выбора файлов.
required
Указывает что поле выбора файлов обязательно для заполнения.
value
Указывает файл(-ы) или путь к файлу(-ам).

Внешний вид поля выбора файлов с выбранным файлом Внешний вид поля выбора файлов с выбранными файлами

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, 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>
Значение file (input-type)