Кнопка с изображением


Кнопки с изображениями аналогичны по действию кнопке Submit, но представляют собой рисунок. Это расширяет возможности дизайнерских изысков по оформлению формы. Когда пользователь нажимает на рисунок, данные формы отправляются на сервер и обрабатываются программой, заданной параметром action тега FORM.

Изображение в форме создается следующим образом.

<input type=image параметры>

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

Параметр Описание
name=...

Имя поля. Предназначено для обработчика формы, чтобы он мог идентифицировать это поле.

src=... URL картинки (путь к графическому файлу).
align=... Выравнивание поля. Возможные значения: top, middle, bottom, right, left, texttop, baseline, absmiddle, absbottom. Результат их использования точно такой же, как и у изображений.
width=... Ширина изображения.
height=... Высота изображения.
vspace=... Вертикальные отступы вокруг изображения сверху и снизу в пикселах.
hspace=... Горизонтальные отступы вокруг изображения слева и справа в пикселах.
border=... Определяет толщину рамки в пикселах вокруг изображения.

Пример. Использование кнопок с изображением
<html>
<head>
<body>

<form action="/cgi-bin/handler.cgi">
<table align=center>
<tr><td colspan=2>Введите ваше имя:</td></tr>
<tr>
<td><input type=text width=25></td>
<td><input type=image src=/images/imgbutton.gif width=91 height=25 border=0></td>
</tr>
</table>
</form>

</body>
</html>

В результате получим следующее.

Введите ваше имя:


Предыдущая статья     Следующая статья     Список статей