Атрибуты скрытого поля

Атрибут	Описание
ID	Идентификатор поля, предназначеный для того, чтобы обработчик формы мог его идентифицировать.
NAME	Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
VALUE	Начальный текст, отображаемый в поле.

Пример использования скрытых полей приведен на рис. 2.34.

Р ис. 2.34. Использование скрытого поля

В данном примере показано создание двух скрытых полей, одно из них носит имя «UserName» и получает значение Vasya, а второе именуется «password» со значением pupkin. В результате отправки формы программа может легко прочитать эти данные и использовать их по усмотрению разработчика.

2.7.2.8. Кнопки

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

Кнопку на веб-странице можно создать двумя способами — с помощью тега <INPUT> и тега <BUTTON>.

<INPUT TYPE="button">

Параметры кнопки перечислены в табл. 2.8.

Табл. 2.8.

Параметры кнопок

Атрибут	Описание
NAME	Имя кнопки, предназначено для того, чтобы обработчик формы мог его идентифицировать.
VALUE	Текст надписи на кнопке.
ID	Идентификатор кнопки, предназначено для того, чтобы обработчик формы мог его идентифицировать.

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

Р ис. 2.35. Создание кнопок

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

Кнопка submit

Для отправки данных на сервер предназначена специальная кнопка SUBMIT. Ее вид ничем не отличается от других кнопок, но при нажатии на нее происходит выполнение серверной программы, указанной параметром ACTION тега <FORM>. Эта программа, называемая еще обработчиком формы, получает данные, введенные пользователем в полях формы, производит с ними необходимые манипуляции, после чего возвращает результат в виде HTML-документа. Что именно делает обработчик, зависит от автора сайта, например, подобная технология применяется при создании опросов, форумов, гостевых книг, тестов и многих других вещей.

Синтаксис создания кнопки SUBMIT зависит от используемого тега <INPUT> или <BUTTON>.

<INPUT TYPE="submit"> <BUTTON TYPE="submit">Надпись на кнопке</button>

Параметры такие же, что и у обычных кнопок.

Р ис. 2.36. Кнопка для отправки данных на сервер

Отметим также, что параметр NAME для этого типа кнопки может быть опущен. Для кнопки, созданной с помощью тега <INPUT> можно также не указывать атрибут VALUE: на кнопке автоматически появится надпись «Подача запроса» для русской версии браузера Internet Explorer, «Отправить запрос» для русской версии Firefox.