17. Формы

17.5 Элемент BUTTON

<!ELEMENT BUTTON - -
     (%flow;)* -(A|%formctrl;|FORM|FIELDSET)
     -- push button -->
<!ATTLIST BUTTON
  %attrs;                              -- %coreattrs, %i18n, %events --
  name        CDATA          #IMPLIED
  value       CDATA          #IMPLIED  -- sent to server when submitted --
  type        (button|submit|reset) submit -- for use as form button --
  disabled    (disabled)     #IMPLIED  -- unavailable in this context --
  tabindex    NUMBER         #IMPLIED  -- position in tabbing order --
  accesskey   %Character;    #IMPLIED  -- accessibility key character --
  onfocus     %Script;       #IMPLIED  -- the element got the focus --
  onblur      %Script;       #IMPLIED  -- the element lost the focus --
  >

Начальный тег: обязательный, конечный тег: обязательный

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

name = cdata [CI]

Этот атрибут присваивает имя элемента управления.

value = cdata [CS]

Этот атрибут присваивает начальное название кнопке.

type = submit|button|reset [CI]

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

• submit: Создает кнопку представления (submit button). Это значение по умолчанию.
• reset: Создает кнопку сброса (reset button).
• button: Создает нажимную кнопку.

Атрибуты, определенные в другом месте

• 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>