Existem três tipos de type para um elemento de botão, embora todos sejam exibidos exatamente da mesma maneira pelo navegador:
-
type=submit: Usado para enviar um formulário. -
type=reset: Usado para redefinir um formulário. -
type=button: Usado como um controle de botão geral (não faz nada por padrão).
Exemplo
Sintaxe
1 |
Click me |
2 |
|
3 |
|
4 |
|
5 |
|
Resultado
Suporte do navegador
Atributos
O
O O elemento também suporta os seguintes atributos:
-
type: Tipo de botão –submit,reset,button -
value: Valor a ser usado para envio do formulário -
disabled: Se o controle de formulário está desabilitado -
form: Associa o elemento a um elemento de formulário -
formaction: URL a ser usado para envio de formulário -
forenctype: Tipo de codificação da lista de entrada a ser usado para envio de formulário -
formmethod: Variante a ser usada para envio de formulário -
formnovalidate: Ignorar validação de controle de formulário para envio de formulário -
formtarget: navegável para envio de formulário -
name: Nome do elemento a ser usado para envio de formulário e noform.elementsAPI
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 ,
,
Você sabia que usando o
![]()
::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
próprio elemento?
