Веб-формы — Работа с пользовательскими данными

Средство выбора файлов

Есть еще один тип, который пришел к нам в раннем HTML: тип ввода файла. Формы могут отправлять файлы на сервер. Виджет выбора файлов можно использовать для выбора одного или нескольких файлов для отправки.
Чтобы создать виджет выбора файлов , вы используете элемент с type атрибутом, установленным на file. Типы файлов, которые принимаются, могут быть ограничены с помощью accept атрибута. Кроме того, если вы хотите, чтобы пользователь мог выбрать более одного файла, вы можете сделать это, добавив атрибут multiple.

Пример

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

Скопировать в буфер обмена
На некоторых мобильных устройствах средство выбора файлов может получать доступ к фотографиям, видео и аудио, снятым непосредственно камерой и микрофоном устройства, путем добавления информации о захвате к атрибуту следующим образом accept:



Скопировать в буфер обмена

Общие атрибуты

Многие элементы, используемые для определения элементов управления формы, имеют некоторые свои собственные атрибуты. Однако существует набор атрибутов, общий для всех элементов формы. Вы уже встречались с некоторыми из них, но ниже приведен список этих общих атрибутов для справки:

Имя атрибута	Значение по умолчанию	Описание
autofocus	ЛОЖЬ	Этот логический атрибут позволяет указать, что элемент должен автоматически иметь фокус ввода при загрузке страницы. Только один связанный с формой элемент в документе может иметь указанный атрибут.
disabled	ЛОЖЬ	Этот логический атрибут указывает, что пользователь не может взаимодействовать с элементом. Если этот атрибут не указан, элемент наследует свои настройки от содержащего его элемента, например, ; если нет содержащего элемента с disabled установленным атрибутом, то элемент включен.
form		Элемент , с которым связан виджет, используется, если он не вложен в эту форму. Значение атрибута должно быть id атрибутом элемента в том же документе. Это позволяет связать элемент управления формы с формой, за пределами которой он находится, даже если он находится внутри другого элемента формы.
name		Название элемента; это отправляется с данными формы.
value		Начальное значение элемента.