La etiqueta <button> crea botones clicables en las páginas web. Permite a los usuarios interactuar con la página web al activar acciones como enviar un formulario o ejecutar código JavaScript. Aunque no nos centraremos en JavaScript en este curso, es importante saber que existe esa posibilidad.

Tipos de botones

• Botón estándar (<button type="button">): Botón de uso general utilizado para diversas acciones en la página web, como activar funciones de JavaScript o navegar a otra página;
• Botón de envío (<button type="submit">): Utilizado dentro de un formulario para enviar los datos del formulario a un servidor;
• Botón de reinicio (<button type="reset">): Utilizado dentro de un formulario para restablecer los campos del formulario a sus valores predeterminados.

Ejemplo:

En el ejemplo anterior:

• El primer botón es un botón estándar con un atributo onclick que activa una alerta al hacer clic;
• El segundo botón es un botón de envío que envía los datos del formulario al servidor;
• El tercer botón es un botón de reinicio que restablece los campos del formulario a sus valores predeterminados.