Última atualização: 2026-09-12
<button>Elemento BUTTON
O elemento <button> cria um botão clicável. Diferente de <input type="button">, pode conter HTML arbitrário (texto, ícones, imagens). O type padrão é submit.
| Categoria | Formulários |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (sem conteúdo interativo) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </button> tag |
| Status | Padrão |
📝 Sintaxe
<button type="button">Texto do botão</button>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
type | Keyword | The behavior type of the button.
|
name | Text | Button name, submitted with the form. |
value | Text | The value submitted with the button. |
disabled | Boolean | Disables the button. |
form | Form ID | Associates the button with a form (can be outside it). |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <button> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Defina type="button" para botões fora de formulários; caso contrário, o clique pode enviar o formulário inesperadamente.
🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
