Спецификация HTML 4.01 + Спецификация CSS2

         

Элемент BUTTON


<!ELEMENT BUTTON - - (%flow;)* -(A|%formctrl;|FORM|FIELDSET) -- кнопка push --> <!ATTLIST BUTTON %attrs; -- %coreattrs, %i18n, %events -- name CDATA #ПРЕДПОЛАГАЕТСЯ value CDATA #ПРЕДПОЛАГАЕТСЯ -- отсылается на сервер при отправке формы -- type (button|submit|reset) submit -- используется как кнопка формы -- disabled (disabled) #ПРЕДПОЛАГАЕТСЯ -- недоступен в этом контексте -- tabindex NUMBER #ПРЕДПОЛАГАЕТСЯ -- позиция при табуляции -- accesskey %Character; #ПРЕДПОЛАГАЕТСЯ -- символ быстрого доступа -- onfocus %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент получил фокус -- onblur %Script; #ПРЕДПОЛАГАЕТСЯ -- элемент потерял фокус -- >

Начальный тег: необходим, Конечный тег: необходим

Определения атрибутов

name = cdata [CI]

Определяет имя ЭУ.

value = cdata [CS]

Устанавливает начальное значение

кнопки.

type =

submit|button|reset

[CI]

Объявляет тип кнопки. Возможные значения:

  • submit: создаёт кнопку submit. Это значение по умолчанию.
  • reset: создаёт кнопку reset.
  • button: создаёт кнопку push.
  • Атрибуты, определённые в другом месте



  • id, class (идентификаторы документа)

  • lang (язык),

    dir (направление текста)

  • title (название элемента)
  • style (инлайн-стиль)
  • disabled (недоступен)

  • accesskey (символ быстрого доступа)

  • tabindex (позиция при табуляции)

  • onfocus, onblur, onclick,

    ondblclick,

    onmousedown,

    onmouseup,

    onmouseover,

    onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)

  • Кнопки, созданные элементом BUTTON работают почти так же, как и кнопки, созданные элементом INPUT, но дают больше возможностей представления: элемент BUTTON может иметь содержимое. Например, элемент BUTTON, содержащий изображение, работает и может выглядеть как элемент INPUT, чей type установлен "image", но элемент BUTTON может иметь содержимое.

    Визуальные ПА могу представлять кнопку BUTTON с рельефом и смещением вверх/вниз при нажатии, в то время как они могут рассматривать кнопки INPUT

    только как "плоские" изображения.


    Этот пример расширяет предыдущий, но создаёт кнопки submit и reset элементом BUTTON вместо INPUT. Кнопки содержат изображения так же, как элемент IMG.

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

    Напоминаем, что авторы должны указывать альтернативный текст для элемента IMG.

    Недопустимо ассоциировать карту изображений с IMG, который является содержимым элемента BUTTON.

    НЕВЕРНОЕ ИСПОЛЬЗОВАНИЕ:
    Это неверный HTML.

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


    Содержание раздела