Тег <button>

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

HTML:	3.2	4.01	5.0
XHTML:	1.0	1.1

Описание

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

Теоретически, тег <button> должен располагаться внутри формы, устанавливаемой элементом <form>. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом <button>, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать <button> в контейнер <form> обязательно.

Синтаксис

<form>

   <button>

...</button>
</form>

Аргументы

accesskey - Доступ к элементам формы с помощью горячих клавиш.

disabled - Блокирует доступ и изменение элемента.

name - Определяет уникальное имя кнопки.

type - Тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы.

value - Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.

tabindex - Порядок перехода между элементами через клавишу Tab.

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

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

Обязателен.

Пример. Использование тега <button>

<!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>Тег BUTTON</title> </head> <body> <p style="text-align: center"><button>Кнопка с текстом</button> <button><img src="images/umbrella.gif" alt="Зонтик" style="vertical-align: middle"> Кнопка с рисунком</button></p> </body> </html>

Демонстрация примера

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает параметр value.

Тег <button>

Категории

Последние комментарии

	Русский
	English