A diferença entre o botão e o tipo de entrada = botão e as precauções

tag <butter>

Definição e uso

A tag <butter> define um botão.

Dentro do elemento do botão, você pode colocar conteúdo, como texto ou imagens. Essa é a diferença entre esse elemento e os botões criados com o elemento de entrada.

O controle <butter> fornece recursos mais poderosos e conteúdo mais rico que <inputType = botão>. Todo o conteúdo entre as tags <butter> e </botão> é o conteúdo do botão, que inclui qualquer conteúdo do corpo aceitável, como texto ou conteúdo multimídia. Por exemplo, podemos incluir uma imagem e texto relacionado no botão e usá -los para criar uma imagem de marcação atraente no botão.

O único elemento proibido é o mapeamento de imagens, porque suas ações sensíveis ao mouse e teclado podem interferir no comportamento dos botões de formulário.

Sempre especifique os atributos do tipo para o botão. O tipo padrão de internetexplorer é o botão, enquanto o valor padrão em outros navegadores (incluindo a especificação W3C) é enviado.

Suporte do navegador

Todos os navegadores convencionais suportam a tag <botão>.

IMPORTANTE : Se você usar o elemento do botão em um formulário HTML, diferentes navegadores enviarão valores diferentes. O IntertexPlorer enviará o texto entre <butter> e <button/>, enquanto outros navegadores enviarão o conteúdo do atributo de valor. Use o elemento de entrada no formulário HTML para criar um botão.

Coisas a serem observadas

Ao usar a tag <botão>, é fácil tomar como garantido como <inputType = button>, que pode facilmente levar ao seguinte uso de erro:

1. Obtenha o valor do botão <bututId = CustomBtnValue = test>

No IE (ou seja, o kernel), o valor é o botão, não o teste, e o teste é obtido em não-da-ação. Participe da primeira frase marcada acima.

Isso deve ser distinguido de <inputType = botão>.

Nessas duas maneiras $ ('#custombtn').

Navegador/valor	$ ('#CustomBtn'). Val ()	$ ('#CustomBtn'). Att ('valor')
Firefox13.0	teste	teste
Chrome 15.0	teste	teste
Opera11.61	teste	teste
Safari5.1.4	teste	teste
IE9.0	Botão	Botão

Verifique isso no código de teste abaixo

Copie o código