Иллюстрированный самоучитель по WEB-графике

         

Кнопки


На странице можно разместить обычную кнопку, нажатие (щелчок кнопкой мыши) на которой обрабатывается программой-сценарием. Например, вы можете создать кнопку с надписью Поиск. Что произойдет, если пользователь нажмет эту кнопку, — зависит от вашего сценария. Кнопка создается с помощью тэга <BUTTON>. Можно поместить на кнопку текст и картинку, а также позиционировать ее в нужное место с помощью атрибута STYLE.

В следующем примере создается кнопка с картинкой из файла logotip.gif и надписью:

<HTML>

<BUTTON STYLE="position:absolute; width:150;height:60">

<IMG SRC="logotip.gif" WIDTH="50" HEIGHT="50">

Нажми меня

</BUTTON>

</HTML>

Рис. 678. С помощью тэга <BUTTON> можно создать кнопку, поставить на нее картинку и текст

Можно создать графическую кнопку, используя уже знакомый тэг <INPUT>, но с атрибутами TYPE="IMAGE" и SRC="имя_файла", а также NAME и VALUE:

<INPUT TYPE="IMAGE" SRC="имя файла"

NАМЕ="имя кнопки" VALUE=значение>

В качестве картинки можно подобрать изображение кнопки или любое другое изображение. Например, следующая строка кода выводит значок (icon) «стрелка» из файла arw10ne.ico:

<INPUT TYPE=" IMAGE" SRC="arwl One . ico" NAME = "N" VALUE=jhjhghghuyt>

Рис. 679. C помощью тэга <INPUT> можно создать графическую кнопку, например, в виде пиктограммы стрелки

Кнопку также можно создать с помощью тэга <INPUT TYPE="BUTTON">.

Кроме рассмотренных выше, можно задать специальные кнопки для отправки данных серверному приложению (CGI), очистки полей ввода (и восстановления значений, принятых по умолчанию). В документ HTML можно включить несколько полей ввода данных, переключателей и флажков. Если они входят в один смысловой блок, то эти элементы следует заключить в тэг формы < FORM>. В этот же тэг можно включить и специальные кнопки.

Если мы хотим отправлять данные серверному приложению, то тэг <FORM> должен содержать атрибут, указывающий способ передачи, и атрибут, содержащий адрес серверного приложения. Например:

<FORM METHOD="POST" ACTION="/bin/serv">

Внутри этого тэга можно определить кнопку отправки. Например:

<INPUT TYPE=SUBMIT VALUE ="Отправить">

Здесь аргументом атрибута VALUE является текст надписи на кнопке. Кнопка очистки задается так:

<INPUT TYPE=SUBMIT RESET="Очистить">

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



Содержание раздела