htmlbook.ru - Для тех, кто делает сайты
Шаг за шагом Графика для Web
Шаг за шагом > Формы по шагам > Поле с изображением

Шаг 12. Поле с изображением

Влад Мержевич

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

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

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

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

Табл. 12.1. Параметры поля с изображением
Параметр Описание
align Определяет выравнивание изображения.
alt Альтернативный текст для кнопки с изображением.
border Толщина рамки вокруг изображения в пикселах.
name Имя поля для обращения к нему из скриптов или для получения значения обработчиком формы.

Хотя по своему назначению указанное поле похоже на кнопку SUBMIT, его параметры совпадают с параметрами тега <IMG>, который добавляет изображение на веб-страницу.

В примере 12.1 показано использование поля с изображением.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Кнопка с изображением</title>
 </head>
 <body>
  <form action="handler.php">
   <p><b>Введите ваше имя:</b></p>
   <p><input type="text" size="35">
   <input type="image" src="/images/imgbutton.gif" alt="Отправить форму на сервер"></p>
  </form> 
 </body>
</html>

Результат данного примера показан на рис. 12.1.

Рис. 12.1

Рис. 12.1. Форма с графической формой

Перед использованием указанного поля требуется подготовить изображение в графическом редакторе.

Статья опубликована: 12.08.2005 Последнее обновление: 12.11.2008
Формы по шагам
Примеры из статьи

Copyright Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru