Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 35 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Это графический аналог стандартной кнопки отправления данных формы на Web-сервер. В этом случае автор элек-
тронного документа не ограничен средствами HTML и может применить всю свою фантазию на создание оригинальной,
привлекательной кнопки передачи данных.
Для данного параметра используются некоторые дополнительные параметры:
src – указание относительного или абсолютного пути на сервере к файлу графического изображения, служащего кноп-
кой передачи данных формы;
align – указание типа выравнивания текста относительно графической кнопки отправления данных формы;
border – определение толщины рамки кнопки (как правило, значение равно нулю);
alt – указание альтернативного текста/подсказки для кнопки отправления данных.
• type="reset" – это кнопка сброса введенных пользователем данных HTML-формы. При нажатии на нее восстанавлива-
ются все установленные по умолчанию значения полей формы. Элемент не обязателен, однако в ряде случаев весьма полезен.
При работе с многочисленными текстовыми строками и опциями выбора пользователь может, допустив ошибку, пожелать за-
ново заполнить форму, тогда ему придется либо перезагружать страницу, либо вручную удалять текст из каждого поля формы.
Кнопка сброса в этом случае позволит добиться желаемого при одном нажатии на нее.
По умолчанию названием кнопки сброса является "Reset". Изменить наименование элемента можно с помощью допол-
нительного параметра value.
Пример:
<INPUT TYPE="reset" VALUE="Очистить поля формы">
Определяет кнопку Очистить поля формы, при нажатии на которую форма возвращается в исходное состояние.
Рассмотрим простейшую форму, которая будет содержать только один элемент – кнопку (рис. 14).
<HTML>
<HEAD>
<TITLE>Пример</TITLE>
</HEAD>
<H1>Простейшая форма </H1>
<FORM ACTION="prog6.html"> <!--Это начало формы-->
<INPUT TYPE=submit VALUE="Назад, к главе 6...">
</FORM> <!--Это конец формы-->
</BODY>
</HTML>
Рис. 14
В форме может быть несколько кнопок типа submit с различными именами и/или значениями. Обработчик, таким обра-
зом, может действовать по-разному в зависимости от того, какую именно кнопку submit нажал пользователь.
Помимо элементов INPUT, формы могут содержать элемент SELECT, поля для ввода многострочного текста
TEXTAREA и элемент LABLE.
Тег <SELECT> предназначен для компактной группировки большого количества элементов пользовательской формы. К
примеру, размещение нескольких десятков элементов CHECKBOX или RADIO займет слишком много места на странице,
тогда как группировка данных с помощью тега <SELECT> позволяет заметно сократить размеры, занятые под отображение
HTML-формы.
Такой вид формы может быть представлен ниспадающим меню или списком наименований
Элемент SELECT из n элементов выглядит примерно так:
<SELECT NAME="[имя]">
<OPTION VALUE="[значение 1]">[текст 1]
<OPTION VALUE="[значение 2]">[текст 2]
...
<OPTION VALUE="[значение n]">[текст n]
</SELECT>
и предназначен для создания списка выбора.
Меню начинается с тега SELECT. Тег-тег <SELECT> определяет структуру и вид группировки элементов формы и требует
закрывающего тега.
Тег SELECT может включать в себя следующие параметры:

Страницы