MINISTRIO DA EDUCAO

SECRETARIA DE EDUCAO TECNOLGICA

INSTITUTO FEDERAL DE EDUCAO, CINCIA E TECNOLOGIA
BAIANO CAMPUS CATU

FBIO LUCIANO MACHADO DE CERQUEIRA

TAG <button>

CATU - BA
2012

HTML <button> Tag

A tag <button> suportado em todos os principais navegadores.

Definio e Uso
A tag <button> define um boto.
Dentro de um elemento <button> voc pode colocar o contedo, como texto ou
imagens. Esta a diferena entre este elemento e botes criado com o elemento
<input>.
Dica: Sempre especifique o atributo tipo para um elemento <button>. Diferentes
navegadores podem usar tipos diferentes do padro para o elemento <button>.
Obs: Se voc usa o elemento <button> em um formulrio HTML, navegadores
diferentes podem apresentar valores diferentes.

Diferenas entre HTML e XHTML

Nenhuma

Atributos opcionais
Atributo
disabled
name
type
value

Valor
disabled
name
button
reset
submit
text

Descrio
Especifica que um boto deve ser desativado
Especifica o nome de um boto
Especifica o tipo de boto
Especifica o valor inicial para um boto

Atributos Padro
A tag <button> suporta os seguintes atributos padro:
Atributo
accesskey

Valor
character

class

classname

dir
id
lang

rtl
ltr
id
language_code

style
tabindex

style_definition
number

title

text

Descrio
Especifica um atalho de teclado para acessar
um elemento
Especifica um nome de classe para um
elemento
Especifica a direo do texto para o contedo
de um elemento
Especifica um ID nico para um elemento
Especifica um cdigo de linguagem para o
contedo de um elemento
Especifica um estilo interno para um elemento
Especifica a ordem de tabulao de um
elemento
Especifica informaes adicionais sobre um

xml:lang

language_code

elemento
Especifica um cdigo de linguagem para o
contedo de um elemento, em documentos
XHTML

Atributos de Eventos
A tag <button> suporta os atributos de eventos a seguir:
Atributo
onblur

Valor
script

onclick

script

ondblclick

script

onfocus

script

onmousedown

script

onmousemove

script

onmouseout

script

onmouseover

script

onmouseup

script

onkeydown

script

onkeypress

script

onkeyup

script

Descrio
Script para ser executado quando um
elemento perde o foco
Script para ser executado em um clique do
mouse
Script para ser executado em um duplo clique
do mouse
Script para ser executado quando um
elemento recebe foco
Script para ser executado quando o boto do
mouse pressionado
Script para ser executado quando o ponteiro
do mouse se move
Script para ser executado quando o ponteiro
do mouse se move para fora de um elemento
Script para ser executado quando o ponteiro
do mouse se move sobre um elemento
Script para ser executado quando o boto do
mouse liberado
Script para ser executado quando uma tecla
pressionada
Script para ser executado quando uma tecla
pressionada e liberada
Script para ser executado quando uma tecla
liberada

Exemplo
<button type=button name=enviar onclick=enviar.php>Enviar dados</button>