Tag de botão HTML

Tag de botão HTML

A tag é usada para criar um botão clicável no formulário HTML da sua página da web. Você pode colocar conteúdo como texto ou imagem na tag .........

Você deve sempre especificar o atributo type para uma tag. Navegadores diferentes usam tipos padrão diferentes para o elemento de botão.

A tag HTML Button pode ser usada dentro e fora do formulário.

Se você usá-lo dentro do formulário , funciona como o botão de envio. Você também pode usá-lo como botão de reinicialização.

Se você usá-lo fora do formulário , você pode chamar a função JavaScript nele.


Exemplo de tag de botão HTML

Vamos ver o código para exibir o botão.

 Click Here  
Teste agora

Saída:

Clique aqui

Exemplo de botão HTML: chamando função JavaScript

Vamos ver o código para chamar a função JavaScript ao clicar no botão.

 Click Here function hello(){ alert('hello javatpoint user'); }  
Teste agora

Saída:

Clique aqui

Exemplo de botão HTML: enviar formulário

Vamos ver o código para enviar o formulário ao clicar no botão.

 Enter Name: <br> Submit  
Teste agora

Saída:

Insira o nome:
Enviar

Exemplo de botão HTML: redefinir formulário

Vamos ver o código para enviar o formulário ao clicar no botão.

 Enter Name: <br> reset  
Teste agora

Saída:

Insira o nome:
Reiniciar

Atributos da tag de botão HTML

tag suporta todos os atributos globais e alguns atributos adicionais específicos.

É fornecida uma lista de atributos de tag de botão HTML.

Atributo Descrição
auto-foco Ele especifica que um botão deve receber foco automaticamente durante o carregamento da página.
desabilitado Especifica que um botão deve ser desabilitado.
forma Especifica um ou mais formulários aos quais o botão pertence.
formação É usado para o tipo de envio. Ele especifica para onde enviar os dados do formulário quando o formulário for enviado.
método de formulário Especifica como enviar dados de formulário.
tipo de forma Ele especifica como os dados do formulário devem ser codificados antes de serem enviados ao servidor.
formulárionovalidar Especifica que os dados do formulário não devem ser validados no momento do envio.
formuláriotarget Ele especifica onde exibir a resposta após enviar o formulário.
nome Ele especifica o nome do botão.
tipo Ele especifica o tipo do botão.
valor Ele especifica o valor do botão.

Navegadores de suporte

Elemento navegador cromocromada ou seja, navegadorOu seja navegador firefoxRaposa de fogo navegador óperaÓpera navegador safariSafári
Sim Sim Sim Sim Sim

A tag de botão HTML também oferece suporte aos atributos globais e de evento em HTML.