Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 16.03.2014 | нет комментариев

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

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

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

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

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

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

Пример 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=”/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).

Рис. 1

Рис. 1. Кнопка для отправки формы на сервер

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB