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.