Последний тип элементов, который будет рассмотрен, — это элемент кнопки и отправки формы. Эти элементы реализуются с помощью дескриптора <INPUT> при установке значений SUBMIT, IMAGE и BUTTON атрибута TYPE. Поскольку элементы SUBMIT и IMAGE ведут себя одинаково, сначала поговорим о них.
Как уже упоминалось, все данные формы, которые нужно передать из клиентского браузера на сервер, должны быть отправлены. Для этого существуют два элемента HTML-форм, которые выполняют такую передачу (в результате щелчка на них). Первый из-них — это элемент отправки формы, представляющий собой кнопку, которая имеет два атрибута: NAME и VALUE. Если необходимость в идентификации, какая именно кнопка использовалась для отправки формы, отсутствует, атрибут NAME может быть опущен. Атрибут VALUE используется для отображения действия на кнопке (например, "Отправить форму") и поэтому его рекомендуется указывать.
Вторым элементом отправки формы является IMAGE. Он ведет себя аналогично стандартному элементу отправки, описанному ранее, однако вместо кнопки он отображает указанное графическое изображение. При использовании такого элемента отправки доступны все атрибуты HTML-дескриптора <IMG>. Применение обоих элементов отправки формы продемонстрировано в листинге 4.9.
Листинг 4.9. Использование элементов SUBMIT и IMAGE
<INPUT TYPE="submit"
VALUE="3TO кнопка отправки по умолчанию"
NAME="mysubmit">
<INPUT TYPE="image"
SRC="/images/mybutton.gif"
NAME="myimagesubmit">
И последний элемент HTML-формы, который будет рассмотрен, — это кнопка.
Он выглядит и функционирует так же, как и элемент отправки формы, описанный выше. Однако, в отличие от него, кнопка не имеет ассоциированного с ней действия по умолчанию. Вместо этого ей должна быть назначено действие, запрограммированное на сценарном языке клиентской стороны, таком как JavaScript. Поскольку тема JavaScript по объему занимает целую книгу, подробности работы этого элемента формы здесь не рассматриваются, а его упоминание здесь объясняется только целью полноты изложения. В листинге 4.10 кнопка используется для вывода простого сообщения.
Листинг 4.10. Использование кнопки
<INPUT TYPE="button"
onClick="alert('Вы щелкнули на кнопке.');">
|