Este objeto mostra um botão 3-D (no mesmo padrão do Windows). ao ser pressionado, ele produz um efeito de profundidade e geralmente chama uma função.

Pode ser utilizado para inúmeras aplicações, dependendo apenas de sua imaginação, a única precaução é defini-lo dentro de um formulário.
 

Forma geral:
<Input Type="button" Name="NomeDoBotão" Value="Rótulo" onClick="RespostaAoEvento">
 

Onde:
Type - define o objeto

Name - define o nome do objeto para nossa aplicação. É por este nome que referenciamos alguma propriedade deste objeto

Value - define o que será escrito na face do botão

onClick - É o único evento possível para este objeto, normalmente define uma função a ser executada quando clicamos no botão.
 

Propriedades:
NAME: Informa o nome do objeto button em forma de string, da mesma forma como definido no campo Name que foi utilizado na definição do botão. É importante não confundir o campo Name com a propriedade NAME, veja a diferença:

<input type="button" name="OK" value="Confirma" onClick="ConfirmaInformacoes()">
OK.Name // equivale a "OK"

VALUE: Informa o label do botão em forma de string da mesma forma como foi definido no campo Value que foi utilizado na definição do botão.

OK.Value // equivale a "Confirma"
 

Métodos:
click: Este método simula um clique do mouse no objeto button, ou seja, executa um procedimento associado a um botão como se o botão tivesse sido pressionado mas sem que o usuário tenha realmente clicado.

OK.click() // executaria a função ConfirmaInformacoes
 

Eventos associados:
onClick: Define o que fazer quando clicamos no objeto button
 

Exemplo:

<FORM>

<INPUT TYPE="button" VALUE="Clique aqui!!!" NAME="botao1" onClick="alert('A propriedade NAME deste botão é:'+botao1.name+'\nA propriedade VALUE deste botão é:'+botao1.value)")>

</FORM>

Página desenvolvida por Anderson Barros Torres. Julho/97
Última alteração: