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
<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>