Елемент <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 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з який елемент підтримується.