Тег <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>, а не кликабельный div/span, чтобы получить клавиатурную доступность и семантику бесплатно.
Accessibility
- button уже фокусируется Tab'ом и активируется Enter/Space из коробки — в отличие от div/span.