Elemento HTML: botão

Existem três tipos de type para um elemento de botão, embora todos sejam exibidos exatamente da mesma maneira pelo navegador:

1. type=submit: Usado para enviar um formulário.
2. type=reset: Usado para redefinir um formulário.
3. type=button: Usado como um controle de botão geral (não faz nada por padrão).

Exemplo

Sintaxe

1

Click me

2

3

 type="reset">Reset form

4

5

 type="submit">Submit

Resultado

Suporte do navegador

Contente

A suporta conteúdo fraseado, mas não deve haver nenhum descendente de conteúdo interativo e nenhum descendente com o tabindex atributo especificado.

elementos são mais flexíveis para estilizar do que elementos. Outros elementos HTML (como ,

, etc.) podem estar contidos dentro deles. ::after e ::before pseudo-elementos também podem ser usados ​​neles via CSS.

No exemplo abaixo você pode ver elementos aninhados diretamente dentro do

elementos (ícones svg do ga-analytics#sendElementsClickEvent”>BeBold Essentials UI Icon Pack, disponível no Envato Elements):

Sintaxe

1
2
3	Button label
4

Resultado

Saber mais

Você sabia que usando o form="" atributo em um

elemento, você pode identificar e enviar um formulário de fora do

próprio elemento?