CSS властивості
ГлавнаяТеги HTMLТег <button> в HTML

Тег <button> в HTML

1003

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

Синтаксис
<button>...</button>

Закриваючий тег

Обов'язковий.

Атрибути

autofocus
Встановлює, що кнопка отримує фокус після завантаження сторінки.
disabled
Блокує доступ та зміну елемент.
form
Пов'язує між собою форму та кнопку.
formaction
Задає адресу, на який пересилаються ці форми при натисканні на кнопку.
formenctype
Спосіб кодування даних форми .
formmethod
Вказує спосіб пересилання даних форми.
formnovalidate
Скасує перевірку форми на коректність.
formtarget
Відкриває результат відправлення форми у новому вікні або кадрі.
name
Визначає унікальне ім'я кнопки .
type
Встановлює тип кнопки: звичайна; для надсилання даних форми на сервер; для очищення форми.
value
Значення кнопки, яке буде відправлено на сервер або прочитано за допомогою скриптів.

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

Приклад

<!DOCTYPE HTML> ;
<html>
<head>
<meta charset="utf-8">
<title>BUTTON</title>
</head>
<body> <p style="text-align: center"><button>Кнопка з текстом</button> <button><img src="image/umbrella.gif" alt="Парасолька" style="vertical-align: middle"> Кнопка з малюнком</button></p>
</body>
</html>

Результат цього прикладу показаний на рис. 1.

Вигляд кнопок у браузері

Мал. 1. Вигляд кнопок у браузері

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

Специфікація Статус
WHATWG HTML Living Standard Живий стандарт
HTML5 Рекомендація
HTML 4.01 Specification Рекомен дація

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

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.

Браузери

4 12 1 6 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з який елемент підтримується.