Серверное время 2017-09-21 20:54:09
Приветствую вас, Гость
Понравился сайт - нажми CTRL+D и добавь в закладки..
Теги HTML
HTML5
Атрибуты тегов
Значения
Статистика
Яндекс.Метрика
Реклама
Реклама

Тег <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.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (0)
Имя
Email
Осталось 65535 символов
© 2006-2012, Home-test.biz