🔲 <button> — Botões flexíveis

A tag <button> é mais flexível que <input type="submit"> porque permite aninhar outros elementos HTML dentro dela, como ícones, imagens e texto com formatação complexa.

Tipos de Botão

type="submit": (Padrão) Envia os dados do formulário ao qual pertence.
type="reset": Limpa todos os campos do formulário, restaurando seus valores iniciais.
type="button": Um botão clicável sem comportamento padrão. Sua ação é definida via JavaScript.

Exemplos Práticos

Botão de Envio (`type="submit"`)

<button type="submit">Enviar Formulário</button>

Botão de Limpar (`type="reset"`)

<button type="reset">Limpar Campos</button>

Botão Genérico (`type="button"`)

Este botão precisa de JavaScript para executar uma ação.

<button type="button" onclick="alert('Ação executada!')">Clique para uma Ação</button>

Botão com Conteúdo HTML

A grande vantagem do <button> é poder conter outras tags.

<button type="button">
  <strong>Salvar</strong> <i>Alterações</i>
</button>