Тег <button>

Описание

Тег <button> используется для создания кликабельной кнопки на веб-страницах. Этот элемент позволяет пользователям выполнять действия, такие как отправка формы, взаимодействие с скриптами и многое другое.

Атрибуты тега <button>

Атрибут	Описание	Пример
type	Определяет тип кнопки: submit, reset, или button.	<button type="submit">Submit</button>
disabled	Делает кнопку неактивной (некликабельной).	<button disabled>Disabled Button</button>
name	Имя кнопки, используемое при отправке данных формы.	<button name="myButton">Click Me</button>
value	Значение кнопки, которое отправляется вместе с формой.	<button value="SubmitValue">Submit</button>
autofocus	Автоматически фокусирует кнопку при загрузке страницы.	<button autofocus>AutoFocused Button</button>

Примеры использования

<!-- Кнопка для отправки формы -->
<button type="submit">Submit</button>

<!-- Кнопка для сброса формы -->
<button type="reset">Reset</button>

<!-- Обычная кнопка для использования с JavaScript -->
<button type="button" onclick="alert('Button Clicked!')">Click Me</button>

Важные замечания

• Кнопки могут содержать текст или изображения, или и то, и другое.
• Используйте атрибут type с осторожностью, особенно внутри форм, чтобы избежать нежелательного поведения при нажатии кнопки.
• Атрибут disabled может быть полезен для предотвращения действий пользователя до выполнения определенных условий.
• Кнопки могут быть стилизованы с помощью CSS для улучшения визуального представления и пользовательского опыта.