Отправление файлов на сервер
Формы можно также использовать для отправки файлов на сервер. Чудес, однако, не бывает, и поскольку данная возможность требует поддержки получения файлов WEB-сервером, то, соответственно, необходимо, чтобы сервер поддерживал получение файлов!
Все, что требуется от формы, это:
Указать ENCTYPE="multipart/form-data" в тэге FORM
Указать METHOD="POST" в тэге FORM
Использовать <INPUT TYPE="FILE" ...> для ввода имени файла.
Например:
|
<FORM ACTION="myURL" ENCTYPE="multipart/form-data" METHOD="POST"> Выберите файл:<BR> <INPUT NAME="fn" TYPE="FILE"><P> <INPUT TYPE="SUBMIT" VALUE="Выслать"> </FORM> |
Начало формы
Конец формы |
Элементы диалога (кнопки, области для ввода текста).
<HTML>
<HEAD><TITLE>Формы</TITLE></HEAD>
<BODY bgcolor="beige">
<FORM>
<CENTER><FONT size=6>Элементы диалога</font></center>
<HR color="blue">
<h3>Элементы INPUT</h3>
<H3> Ввод текстовой строки </h3>
<INPUT type="text" size=50>
<H3> Ввод пароля </h3>
<INPUT type="password">
<H3> Флажки </h3>
<INPUT type="checkbox" name="F001" checked>
<INPUT type="checkbox" name="F001" checked>
<H3> Переключатели </h3>
<INPUT type="radio" name="S001" vаluе="Первый">
<INPUT type="radio" name="S001" value="Второй">
<INPUT type="radio" name="S001" value="Третий" checked>
<H3> Кнопка подтверждения ввода </h3>
<INPUT type="submit" value="Подтверждение">
<H3> Кнопка с изображением </h3>
<INPUT type="image" src="lycos.gif">
<H3> Кнопка очистки формы </h3>
<INPUT type="reset" value="0чистка">
<H3> Файл </h3>
<INPUT type="file" name="photo" accept="image/*">
<HR color="blue">
<h3>Элемент SELECT</h3>
<SELECT multiple>
<OPTION value=а>Первый
<OPTION value=Ь>Второй
<OPTION value=с>Третий
<OPTION value=d>Четвертый
</select>
<HR color="blue">
<h3>Элемент TEXTAREA</h3>
<TEXTAREA rows=5 cols=30>
Область для ввода текста
</textarea>
<HR color="blue">
</FORM>
</BODY>
</HTML>
Индивидуальное задание №2. «Создание формы» Вариант 001
Создать форму для ввода информации о человеке. Должна вводиться следующая информация:
|
Фамилия |
Простой текстовый ввод |
|
Имя |
Простой текстовый ввод |
|
Отчество |
Простой текстовый ввод |
|
Возраст |
Выбор из вариантов "до 7", "от 7 до 17", "от 17 до 33", "от 33 до 65" и "65 и старше" |
|
Пол |
Должна быть "радио-кнопка" |
|
Образование |
Должен быть "чек-бокс" |
В форме должна быть кнопка "Очистить форму" (разумеется, она должна правильно работать).
Вариант 002
Создать форму для ввода информации о человеке. Должна вводиться следующая информация:
|
ФИО |
Простой текстовый ввод |
|
Год рождения |
Вводится текстом. Запретить ввод более чем четырех символов. |
|
Пол |
Должна быть "радио-кнопка" |
|
Гражданство |
Выбор из списка государств |
|
Интересы |
Должен быть "чек-бокс" |
В форме должна быть кнопка "Очистить форму" (разумеется, она должна правильно работать).
Вариант 003
Создать форму для ввода адреса. Должна вводиться следующая информация:
|
Страна |
Выбор из списка. По умолчанию - Украина |
|
Почтовый индекс |
Простой текстовый ввод, не более шести символов |
|
Город |
Простой текстовый ввод |
|
Улица номер дома |
Простой текстовый ввод |
|
Указание на то, что адрес служебный/домашний |
Должна быть "радио-кнопка" |
В форме должна быть кнопка "Очистить форму" (разумеется, она должна правильно работать).
