Чтобы сделать рабочую кнопку в HTML с функционалом, нужно использовать тег . 14 Внутри него размещается текст или изображение, которые будут отображаться на кнопке. 1

Для задания кнопке имени, типа или состояния нужно добавить атрибуты: 1

• Атрибут name задаёт имя кнопки. 1 Может использоваться для идентификации элемента в скриптах. 1 Например: <button type='button' name='popup-button'>Я кнопка</button>. 1
• Атрибут disabled блокирует доступ к кнопке. 1 Например: <button type='button' disabled>Я заблокированная кнопка</button>. 1
• Атрибут type определяет тип кнопки. 1 Ему задают одно из трёх значений: 1
• button — значение по умолчанию. 1 Означает, что элемент — обычная кнопка. 1 Она может добавлять товары в корзину или избранное, переключать слайдеры или закрывать всплывающие окна. 1
• submit задаётся кнопкам для отправки формы. 1 Когда пользователь нажимает на кнопку с таким типом, браузер отправляет данные формы на сервер. 1
• reset добавляется кнопкам сброса формы. 1 Когда пользователь нажимает на такую кнопку, браузер возвращает значения всех полей формы к изначальным. 1

Также можно создать кнопку с помощью тега , если указать ему тип button. 1 Однако у кнопок, созданных на инпуте, есть ограничения: сложно управлять размерами и положением изображений, а также нет псевдоэлементов. 1

Выбор способа зависит от задач и особенностей проекта. 1