Кнопка с изображением - Форум
( Новые сообщения ·Правила форума ·Поиск ·RSS )
Страница 1 из 11
Модератор форума: Ezhik 
Форум » Статьи о HTML » Формы » Кнопка с изображением
Кнопка с изображением
EvgenyДата: Пятница, 19.02.2010, 08:28 | Сообщение # 1
Контр-Адмирал
Группа: Администраторы
Сообщений: 287
Статус:
Кнопки с изображениями аналогичны по действию кнопке Submit, но представляют собой рисунок.

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

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

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

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

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

Создание кнопки с изображением показан в примере 1. Таблица применяется для выравнивания элементов.

[small]Пример 1. Использование кнопок с изображением[/small]

Code
<!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="/cgi-bin/handler.cgi">
<table>
<tr><td colspan="2">Введите ваше имя:</td></tr>
<tr>
<td><input type="text" size="25"></td>
<td><input type="image" src="/images/imgbutton.gif"></td>
</tr>
</table>  
</form>

</body>
</html>

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

[small]Рис. 1. Кнопка для отправки формы на сервер[/small]
 
Форум » Статьи о HTML » Формы » Кнопка с изображением
Страница 1 из 11
Поиск:

Статистика Форума
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
Evgeny Репутация [ 122 ]
akkemir22 Репутация [ 113 ]
Kuks64 Репутация [ 49 ]
Gavrik Репутация [ 48 ]
Anatoliy03 Репутация [ 37 ]
MiRel Репутация [ 33 ]
hius Репутация [ 23 ]
mVizio Репутация [ 19 ]
ewa69 Репутация [ 16 ]
straik67 Репутация [ 14 ]
Прочие [ 10 ]
О програмистах и Веб-Мастерах [ 6 ]
Про детей [ 6 ]
Про автомобилистов [ 5 ]
Про женщин [ 3 ]
Блондинка сдает на права ! (МЕГА ЖЕСТЬ) [ 2 ]
Про новых русских [ 2 ]
ВАЗ-2107 1000 лошадей [ 2 ]
Новый вид ББ-кодов на вашем сайте [ 2 ]
Про компьютеры [ 1 ]
Игры на телефон бесплатно [ 0 ]
Лучшее онлайн казино. Как обыграть казино? [ 0 ]
Инвест-Проект. Прибыль каждые 5 мин. [ 1 ]
Финансовая Взаимопомощь. Каждые 24ч получаете % [ 0 ]
Играть и зарабатывать онлайн [ 0 ]
Новый Топ пользователей с аватарами для Ucoz [ 0 ]
Простой и красивый вид формы опроса [ 0 ]
Красивый информер "кто нас сегодня посетил" для Ucoz [ 0 ]
Flash радио для сайта [ 0 ]
Заработок на играх [ 0 ]