Загрузка файла, элемент input с атрибутом FILE.

Идея передачи больших объемов данных давно владела умами разработчиков программного обеспечения для World Wide Web. При этом возможностей полей textarea для решения этой задачи было явно недостаточно. Во-первых, можно передавать только текстовую информацию; во-вторых, текст нужно набирать вручную непосредственно в браузере; в-третьих, существует (точнее — существовало) ограничение на длину строки в поле textarea, которое перекочевало в формы из стандарта RFC822. Таким образом, в первой спецификации форм возможности передать любые данные с компьютера клиента на сервер не было.

Элемент INPUT с атрибутом FILE служит для реализации загрузки файлов на сервер.

Начинающий тэг <form> содержит необходимый атрибут encrypt. Атрибут encrypt принимает значение multipart/form-data, который извещает сервер о том, что вместе с обычной информацией посылается и файл.

При создании текстового поля также необходимо указать тип файла – “ file ”.

Пример 9:

<form enctype="multipart/form-data"

action="upload.php" method="post">
Загрузить файл: <input name="my_file" type="file">
<input type="submit" value="Отправить">
</form>

Контрольные вопросы

1. Что такое HTML-форма?

2. Какой тэг образует скелет формы?

3. Привести структуру HTML-формы. Описать назначение атрибутов name, action, method.

4. Перечислить атрибуты текстового поля.

5. Перечислить атрибуты поля переключателя.

6. Перечислить атрибуты для представления текстовой области.

7. Как ввести пароль в форму?

8. Как создать выпадающий список?

9. Как организовать отправку данных из формы?

Организовать формы для заполнения тематических сайтов. В заданиях указаны, какие элементы управления необходимо обязательно использовать, можете добавить другие элементы и информацию на свое усмотрение. Картинки добавляются в виде файла, перечисляемые типы из списка. Обязательно использовать элементы форм из стандарта HTML 5, такие как: Email, url, tel, Search, Range, Number, date, Time, Datetime, Month, Color, List.

КН-а

1. Цветы. Организовать форму для добавления информации о цветке: наименование цветка, изображение цветка, частота цветения - список, способ размножения – список, температура - два числа, описание цветка.

2. Детские игрушки. Организовать форму для добавления информации о детских игрушках: наименование игрушки, Фирма производитель – из списка, две картинки, вид игрушки {для мальчиков, для девочек, для всех}, возраст – два числа.

3. Актеры. Организовать форму для добавления информации об актере: ФИО актера, год рождения, перечень фильмов с его участием, пол {мужской, женский}, жанры – список с множественным выбором, фото, официальный сайт.

4. Писатели. Организовать форму для добавления информации о писателях: ФИО писателя, год рождения, жанры – множественный список, книги – в виде архивных файлов, страна в которой родился – выпадающий список, e-mail адрес.

5. Программы. Организовать форму для добавления информации о программах: название программы, архив с программой, тип программы – из списка, условия распространения - радио кнопки, операционная система – множественный список.

6. Операционные системы. Организовать форму для добавления информации об операционных системах: название, фирма производитель, версия, логотип – файл, требования к оперативной памяти – минимум, объем требуемой оперативной памяти, ссылка на сайт.

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

8. Недвижимость. Организовать форму для добавления информации об недвижимости: вид недвижимости – радио кнопка, этажность, площадь, стоимость, местонахождение, файл с фотографией, ссылка на место на карту.

9. Бытовая техника. Организовать форму для добавления информации о бытовой технике, название, фотография, фирма производитель – список, характеристики техники, год производства.

10. Книги. Организовать форму для добавления информации о книге: название, автор, год издательства, число страниц, жанр – из списка, языки – множественный список, архив с текстом книги, содержание книги.

11. Компьютерные игры. Организовать форму для добавления информации о компьютерных играх: название, версия, жанр - список, фирма производитель – список, постер – файл, описание игры, условия распространения.

12. Автомобили. Организовать форму для добавления информации об автомобилях: производитель – список, марка, тип двигателя, год производства, фотография, тип кузова – список.

13. Города. Организовать форму для добавления информации о городах: название города, страна – список, число жителей, площадь, ссылка на место на картах google, краткое описание.

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

15. Фрукты. Организовать форму для добавления информации о фруктах: название, описание, название дерева, наличие косточки, единицы измерения, диапазон веса для тех, которые можно измерять в штуках, примерная стоимость, сезонность.

16. Монеты. Организовать форму для добавления информации о монетах: название монеты, два изображения монеты, вес, размер монеты, стоимость монеты, вид – {юбилейная, разменная}, страна выпуска – список.

17. Животные. Организовать форму для добавления информации о животных: название животного, класс, к которому относится животное

– список, фотография, продолжительность жизни животного, место обитания, занесен в красную книгу – checkbox.

18. История. Организовать форму для добавления информации о истории: название статьи, описываемый период, список основных героев, автор статьи, изображения (от 1 до 10), e-mail автора.

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

20. Спорт. Организовать форму для добавления информации о видах спорта: вид спорта, является олимпийским – checkbox, логотип спорта, описание, вид – {зимний, летний}, {одиночный, командный}.

21. Путешествия. Организовать форму для добавления информации о путешествиях: страна, фотографии, описание и дата для каждой фотографии, ссылка на карту google.

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

23. Туризм. Организовать форму для добавления информации об туристических походах: Название похода, маршрут (из списка), фотографии, описание маршрута, инструктор, e-mail инструктора, стоимость участия, длительность похода, дата начала походя.

24. Корабли. Организовать форму для добавления информации о кораблях: название корабля, тип корабля (из списка), водоизмещение, дата спуска, число человек экипажа, порт приписки, капитан.

КН-б

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

2. Космос. Организовать форму для добавления информации о космосе: название статьи, автор статьи, фотографии, список звезд.

3. Ремонт. Организовать форму для добавления информации о ремонте: наименование статьи, картинка, видео, текст статьи, вид проводимых работ – множественный список.

4. Кино. Организовать форму для добавления информации о фильмах: название, длительность в минутах, постер, список актеров, режиссер, саундтреки к фильму, кассовый сбор, язык – список.

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

6. Моря. Организовать форму для добавления информации о морях: название – русское и английское, тип – внутреннее или внешнее, максимальная глубина, площадь, океан – список, уровень солености.

7. Стихи. Организовать форму для добавления информации о стихах: название стиха, стиль – из списка, текст стиха, автор, год написания, сборник.

8. Наука. Организовать форму для добавления информации о науке: название статьи, автор, ссылка на сайт автора, раздел наук – из списка, файл публикации, сборник в котором была опубликована, год издания.

9. Погода. Организовать форму для добавления информации о погоде: название природного явления, место возникновения – список множественного выбора, шкала измерения, картинки, описание.

10. Олимпиада. Организовать форму для добавления информации о олимпиаде: страна проводящая олимпиаду из списка, год проведения, вид олимпиады (радио-кнопка), число стран участниц, город проведения, гимн олимпиады и символ олимпиады в виде файла, почта медиацентра.

11. Горы. Организовать форму для добавления информации о горных вершинах: название горной вершины, высота, степень опасности, минимальная температура, фотография в виде файла, число жертв, страны (страны) в которой находится из списка с возможностью множественного выбора.

12. Фокусники. Организовать форму для добавления информации о фокусниках: ФИО, год рождения, страна рождения (список), статья о фокуснике - текст, фотографии в виде файла, перечень фокусов – множественный список, e-mail, телефон.

13. Компьютерные технологии. Организовать форму для добавления информации о компьютерных новинках: название, дата выпуска, несколько фотографий, статья, ссылки на производителя, категория – выпадающий список, ориентировочная стоимость в долларах, признак подключения к интернет.

14. Мода. Организовать форму для добавления информации о мероприятиях в мире моды: название мероприятия, проводящая организация, страна и город проведения (из списка), дата проведения, время начала мероприятия, телефон, e-mail, признак периодическое мероприятие или нет.

15. Сайт городского управления. Организовать форму для добавления информации на сайт городского управления: название статьи, дата добавления, дата новости, краткое содержание, полное содержание, фотография, e-mail для связи, раздел (из списка).

16. Гороскоп. Организовать форму для добавления информации о гороскопах: вид гороскопа, знак, изображение знака, описание, дата с – дата по, основные черты знака, драгоценный камень гороскопа.

17. Философия. Организовать форму для добавления информации о философских направлениях: название направления, основоположник, url-ссылки на литературу, год появления, краткое описание.

18. Тесты. Организовать форму для добавления информации о тестах: название теста, направленность (из списка), описание теста, сложность теста (радиокнопки), число прошедших тестирование.

19. Аптека. Организовать форму для добавления информации об аптеках города: название аптеки, признак социальной аптеки (чекбокс), адрес аптеки, признак наличия филиалов (чекбокс), владелец аптеки, интернет страница, e-mail – адрес.

20. Театр. Организовать форму для добавления информации об известных театрах: название театра, фотография, адрес, страничка в Интернете, вид театра (радиокнопки), вместимость, год создания.

21. Поэты. Организовать форму для добавления информации о поэтах: Имя, год рождения, страна рождения (из списка), перечень лучших произведений, ссылка на страничку, фотография.

22. География. Организовать форму для добавления информации о географических открытиях: название, дата, первооткрыватель, страна первооткрывателя (из списка), коротко информация о значимости открытия, иллюстрации.

23. Аквапарки. Организовать форму для добавления информации об аквапарках: название, температура воды, вид аквапарка (открытый-закрытый, радиокнопки), время открытия и закрытия, город (из списка), стоимость взрослого билет, стоимость детского билета, наличие столовой или кафе на территории (чекбокс), фотография, число горок.

24. Отдых. Организовать форму для добавления информации о базах отдыха и отелях: название, администратор, телефон администратора, e-mail администратора, фотография, страна (из списка), стоимость проживания, максимальное число отдыхающих, наличие питания (чекбокс).

КН-в

1. Школа. Организовать форму для добавления информации о школах города: номер школы, вид школы (из списка средняя, лицей, общеобразовательная), номер школы, направление подготовки в школе (из списка множественного выбора: математическая, физическая..), директор школы, число учащихся, район города, адрес.

2. Языки программирования. Организовать форму для добавления информации о языках программирования: название языка, год появления, признак является ли он объектно-ориентированным языком, логотип, официальный сайт, процент пользователей, операционная система (список множественного выбора).

3. Университет. Организовать форму для добавления информации об университетах мира: название университета, тип университета (из списка), страна (из списка), признак наличия филиалов, логотип, официальный сайт, год создания.

4. Хоккей. Организовать форму для добавления информации о хоккейных клубах: название клуба, страна (из списка), год создания, официальный сайт, владелец клуба, список титулов, признак (является на данный момент клубом высшего дивизиона), два основных клубных цвета.

5. Музыка. Организовать форму для добавления информации о музыкальных произведениях: название произведения, год создания, автор, файл с музыкальным произведением, исполнитель, название альбома (если есть), жанр, длительность.

6. Ноутбуки. Организовать форму для добавления информации о моделях ноутбуков: название модели, дата выпуска, фирма производитель (из списка), процессор (радиокнопки), объем жесткого диска, диагональ экрана, разрешение экрана, операционная система (из списка) емкость батареи, цвет ноутбука.

7. Одежда. Организовать форму для добавления информации об одежде: название, тип одежды из списка, размер, цвет, модельер, фотография, материал (список множественного выбора), чекбокс (индивидуальный или серийный заказ), страна производитель (из списка).

8. Спортивный инвентарь. Организовать форму для добавления информации о спортивном инвентаре: название, описание, фотография, список фирм производителей, вес, сайт производителя, год выпуска.

9. Журналы. Организовать форму для добавления информации о периодических изданиях: название, число страниц, признак глянца, стоимость, периодичность выпуска (из списка), реклама журнала в виде файла.

10. Столицы. Организовать форму для добавления информации о столицах стран: столица, площадь, карта столицы-графический файл, численность населения, название страны, описание столицы, чекбокс – прибрежный город, город основания города.

11. Оружие. Организовать форму для добавления информации об оружии: название, вид оружия {огнестрельное, холодное, …} в виде радиокнопок, материал, технические характеристики (текстовое поле), фотография, признак коллекционного оружия.

12. Холодное оружие. Организовать форму для добавления информации о холодном оружии: название, вид оружия из выпадающего списка {меч, кинжал, копье …}, фотография оружия, вес, примерный год появления.

13. Бронетехника. Организовать форму для добавления информации бронетехнике: название, фотография, год выпуска, кем разработана, страна производитель, ориентировочная стоимость, вес, максимальная скорость, возможность плавать.

14. Фреймворки. Организовать форму для добавления информации о фреймворках: название, дистрибутив, версия, сайт разработчика, список поддерживаемых языков (из списка множественного выбора), радиокнопка (свободный, платный, условно-бесплатный), число пользователей.

15. Озера. Организовать форму для добавления информации об озерах: название, страна (множественный выбор), глубина, площадь, признак соленого озера, признак судоходности, карта глубин озера, длина береговой линии.

16. Телефоны. Организовать форму для добавления информации о моделях телефонах: производитель из списка, модель, год выпуска, операционная система если есть (из списка), фотография телефона, наличие фотоаппарата, наличие вспышки, поддержка GSM.

17. Зимние виды спорта. Организовать форму для добавления информации о зимних видах спорта: вид спорта, является ли он олимпийским, логотип вида спорта, описание вида спорта, страны лидеры (выбор из множественного списка).

18. Легкая атлетика. Организовать форму для добавления информации о спортсменах легкоатлетах: имя, страна за которую выступал, годы выступлений, признак олимпийского чемпиона, признак чемпиона мира, пол, год рождения, фотография, в каких дисциплинах выступал (список с множественным выбором).