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

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

Параметры кнопки перечислены в табл. 1.
[small]Табл. 1. Параметры кнопки[/small]
Параметр Описание
name Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. Параметр name может быть опущен, в этом случае значение кнопки не передается на сервер
value Надпись на кнопке, а также ее значение.

Использование параметров и создание обычных кнопок показано в примере 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"> < p style="text-align: center"><input type="button" name="press" value="  Нажми меня нежно  "></p> </form>  </body>  </html>

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

[small]Рис. 1. Вид кнопки в браузере Opera[/small]


В надписи на кнопке можно ставить пробелы в любом количестве.

Кнопка SUBMIT


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

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

Параметры те же, что и у простых кнопок (пример 2).

[small]Пример 2. Кнопка Submit:[/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"> < p>...</p> < p><input type="submit"></p> </form>  </body>  </html>

Вид кнопки показан на рис. 2.

[small]Рис. 2. Кнопка Submit[/small]

Параметр name для этого типа кнопки может быть опущен. Если значение параметра value не указывать, автоматически появится надпись Подача запроса (для браузера Internet Explorer), Отправить (для Opera) или Отправить запрос (для Firefox).

Кнопка RESET

При нажатии на эту кнопку, данные формы возвращаются в первоначальное значение.
Code
<input type="reset" параметры>

Параметры совпадают с параметрами простых кнопок (пример 3).

[small]Пример 3. Кнопка Reset:[/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"> < p><input type="text" size="20"> <input type="reset"></p> </form>  </body>  </html>

Вид кнопки Reset и принцип ее действия показан ниже.

Рис. 3. Кнопка Reset

Аналогично кнопке Submit, значение параметра name можно не указывать, тогда надпись Сброс на кнопке будет добавлена браузером автоматически.

Значение кнопки Reset никогда не пересылается на сервер.
 
Форум » Статьи о 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 ]