Элемент <BUTTON>

Элемент <BUTTON>

Этот элемент описывает кнопку.

Атрибуты	Значения
name	CDATA
value	CDATA
type	(submit\ reset)
disabled	(disabled)
tabindex	NUMBER
on focus	%Script
onblur	%Script

Требуются как открывающий, так и закрывающий ярлыки.

name = cdata
Атрибут задает имя кнопки.

value = cdata
Атрибут задает значения для кнопки.

type = button|submit|reset
Атрибут задает тип кнопки:

Button — простая кнопка, с ее помощью можно, например, запускать сценарий;

Submit — кнопка, осуществляющая посылку формы (значение по умолчанию);

Reset — кнопка, устанавливающая значения элементов формы, равное их исходным значениям.

Прочие атрибуты:

* disabled;
* tabindex;
* usemap;
* onfocus, onblur;
* onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.

Элемент BUTTON с типом "submit" во многом похож на элемент INPUT с типом "submit". Однако BUTTON предоставляет большие возможности. Элемент BUTTON с типом "submit", который содержит рисунок, во многом похож на элемент INPUT с типом "image". Они оба предназначены для отсылки формы, при этом элемент INPUT будет изображаться в виде простого рисунка, в то время, как BUTTON будет изображен в виде кнопки, которая при нажатию будет двигаться вниз, и затем возвращаться назад вверх.

<FORM action="http://yousite.com/prog/adduser" method="post">
<P>
First name: <INPUT type="text" name="firstname">
Last name: <INPUT type="text" name="lastname">
email: <INPUT type="text" name="email">
<INPUT type="radio" name="sex" value="Male"> Male
<INPUT type="radio" name="sex" value="Female"> Female
<BUTTON name="submit" value="submit" type="submit">
Send <IMG src="/icons/pic_coop.gif" alt="wow"></BUTTON>
<BUTTON name="reset" type="reset">
Reset<IMG src="/icons/oops .gif" alt="oops"></BUTTON>
</FORM>

Для картинки в элементе <BUTTON> нельзя задавать карту ссылок.

ОШИБКА:

<BUTTON>
<IMG src="foo.gif" usemap="...">
</BUTTON>

Элемент BUTTON с типом "reset" похож на элемент INPUT с типом "reset".

<<пред. страница

Оглавление

след. страница >>