/html/input/type/button:> Простая кнопка_

Значение button

Синтаксис

HTML
XHTML
<input type="button" value="...">

Описание

Тип button (от англ. "button" ‒ «кнопка») создаёт простую (обычную) кнопку. Данная кнопка изначально не выполняет ни каких действий и не вызывает ни каких событий.

Внешний вид

  • Внешний вид обычной кнопки ‒ обычная кнопка;
  • Внешний вид обычной кнопки с фокусом ‒ фокус;
  • Внешний вид обычной кнопки с наведённым на него курсором ‒ наведение курсора;
  • Внешний вид активированной обычной кнопки ‒ активация.

Примечание

Действия и события кнопки задаются с помощью скриптов.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 Input Field: INPUT
3.2 INPUT text fields, radio buttons, check boxes, ...
4.01 17.4.1 Control types created with INPUT
DTD: Transitional Strict Frameset
5.0 4.10.5.1.18 Button state (type=button)
5.1 4.10.5.1.22. Button state (type=button)
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Сопутствующие атрибуты

autofocus
Автоматческая фокусировка на кнопке после полной загрузки страницы.
disabled
Блокировка кнопки.

Внешний вид заблокированной обычной кнопки disabled="disabled"

form
Присоединение кнопки к форме.
name
Присваивает имя кнопке.
value
Задаёт текст кнопки.

Внешний вид обычной кнопки с заданным текстом value="Текст"

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

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

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение button (input-type)</title>
</head>
<body>
<h1>Пример с кнопкой формы "type=button"</h1>
<input type="button" value="Диалоговое окно" onclick="alert('Привет')">
</body>
</html>
Значение button (input-type)