tutoriais mais recente desenvolvimento web
 

HTML <button> Tag


Exemplo

Um botão clicável é marcado como segue:

<button type="button">Click Me!</button>
Tente você mesmo "

Definição e Uso

O <button> tag define um botão clicável.

Dentro de um <button> elemento que você pode colocar conteúdo, como texto ou imagens. Esta é a diferença entre este elemento e botões criados com o <input> elemento.

Dica: Sempre especifique o type atributo para um <button> elemento.Navegadores diferentes usam diferentes tipos de padrão para o <button> elemento.


Suporte a navegadores

Elemento
<button> sim sim sim sim sim

Dicas e Notas

Nota: Se você usar o <button> elemento em um formulário HTML, navegadores diferentes podem apresentar valores diferentes.Use <input> para criar botões em um formulário HTML.

Dica: Visite o nosso CSS botões Tutorial para saber como estilo de botões com CSS.


Diferenças entre HTML 4.01 e HTML5

HTML5 tem os seguintes novos atributos: autofocus, form, formaction, formenctype, formmethod, formnovalidate e formtarget .


Atributos

= Novo em HTML5.

Atributo Valor Descrição
autofocus autofocus Especifica que um botão deve receber automaticamente o foco quando a página é carregada
disabled disabled Especifica que um botão deve ser desativado
form form_id Especifica uma ou mais formas no botão pertence
formaction URL Especifica para onde enviar o formulário de dados quando um formulário é enviado. Apenas para type="submit"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Especifica como form-dados deverão ser codificadas antes de enviá-lo para um servidor. Apenas para type="submit"
formmethod get
post
Especifica como enviar o formulário de dados (qual o método HTTP para usar). Apenas para type="submit"
formnovalidate formnovalidate Especifica que o formulário de dados não devem ser validados mediante a apresentação. Apenas para type="submit"
formtarget _blank
_self
_parent
_top
framename
Especifica onde exibir a resposta após enviar o formulário. Apenas para type="submit"
name name Especifica um nome para o botão
type button
reset
submit
Especifica o tipo de botão
value text Especifica um valor inicial para o botão

Atributos globais

O <button> tag também suporta o Global de Atributos em HTML .


Atributos de eventos

O <button> tag também suporta o evento Atributos em HTML .


Páginas relacionadas

Referência HTML DOM: objeto de botão

CSS Tutorial: Estilo Botões


Configurações CSS padrão

Nenhum.