Тег <button>
Тег <button> створює клікабельну кнопку. Поведінка залежить від атрибута type, особливо всередині <form>.
Syntax
<button type="button">Текст кнопки</button>Attributes
| type | "submit" (за замовчуванням у формі) відправляє форму; "button" не робить нічого автоматично; "reset" очищає форму. |
| disabled | Робить кнопку неактивною та недоступною для фокусу/кліку. |
| name / value | Якщо кнопка всередині форми, ці значення потрапляють у дані форми при відправці саме цією кнопкою. |
Example
<button type="submit">Відправити</button>
<button type="button" onclick="doSomething()">Просто дія</button>
Notes
- Найпоширеніша помилка — кнопка всередині <form> без type="button" ненавмисно відправляє форму при кліку.
- Використовуйте <button>, а не clickable <div>, щоб отримати клавіатурну доступність і семантику безкоштовно.
Accessibility
- button вже фокусується Tab'ом і активується Enter/Space з коробки — на відміну від div/span.