<button>

 
<button> - создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <input> (с параметром type="button | reset | submit"). В отличие от этого тега, <button> предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров. Теоретически, тег <button> должен располагаться внутри формы, устанавливаемой элементом <form>. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом <button>, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать <button> в контейнер <form> обязательно. Internet Explorer до версии 7.0 включительно не поддерживает параметр value этого тега.

Атрибуты

accesskey - доступ к элементам формы с помощью горячих клавиш.
disabled - блокирует доступ и изменение элемента.
name - определяет уникальное имя кнопки.
type - тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы.
value - значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.
tabindex - порядок перехода между элементами через клавишу Tab.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример использования

<p style="text-align: center"><button>Кнопка с текстом</button>
  <button><img src="images/umbrella.gif" alt="Зонтик"
          style="vertical-align: middle"> Кнопка с рисунком</button></p>

Синтаксис

<form>
  <button>...</button>
</form>