<button>

Botão

Definição:

A tag <button> vem do inglês button e significa botão.

Esta tag oferece uma alternativa para a criação de botões diferente do obtido com a tag <input>.  O texto  e imagem contidos entre as tags <button>  e </button> será mostrado no interior do botão.

Suporte:

Netscape: 6.2
Internet Explorer: 4.0
Aceito nas especificações DTD: Estrito, Transicional e Frameset

Dica:

Pode-se inserir imagens dentro do botão por se colocar a tag <img> entre as tags <button> e </button>. Algumas tags de formatação como <br /> também podem ser utilizados.

Exemplo:

Código Resultado
<button value="Valor"><img src="/images/editar.gif"><br />Editar</button>

Atributos Padrão:

accesskey, class, dir, id, lang, style, tabindex, title

Atributos Opcionais:

Atributo Valor Descrição
disabled disabled Faz com que o botão seja desabilitado. Ele será mostrado em cinza e não poderá ser selecionado.
name nome Especifica um nome único para o botão. Este será o nome da variável passada para servidor quando o botão for selexionado.
type button
reset
submit

Define o tipo de botão:

button = identifica este como um botão simples.
reset = se o botão for definido dentro de um formulário, clicar neste botão irá apagar todos os dados do formulário.
submit = este é o valor padrão. Se o botão for definido em um formulário, clicar neste botão irá submeter o formulário ao servidor.
 value valor  Especifica o valor do botão a ser passado para o servidor quando o formulário for submetido.

Eventos Associados:

onblur, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup