A tag <button> cria botões clicáveis em páginas web. Ela permite que os usuários interajam com a página acionando ações como enviar um formulário ou executar código JavaScript. Embora não iremos focar em JavaScript neste curso, é importante saber que essa possibilidade existe.

Tipos de botões

• Botão padrão (<button type="button">): Um botão de uso geral utilizado para várias ações na página, como acionar funções JavaScript ou navegar para outra página;
• Botão de envio (<button type="submit">): Utilizado dentro de um formulário para enviar os dados do formulário para um servidor;
• Botão de redefinir (<button type="reset">): Utilizado dentro de um formulário para redefinir os campos do formulário para seus valores padrão.

Exemplo:

No exemplo acima:

• O primeiro botão é um botão padrão com um atributo onclick que dispara um alerta quando clicado;
• O segundo botão é um botão de envio que envia os dados do formulário para o servidor;
• O terceiro botão é um botão de redefinir que restaura os campos do formulário para seus valores padrão.