Botão (BTN)
Início  Anterior  Próximo

minilogowi

seta Botão (BTN)


Um elemento do tipo Botão define um push button onde o desenvolvedor poderá colocar conteúdos como textos ou imagens e ainda indicar qual a ação a ser executada. Esse elemento possui suas propriedades dividas em três sessões: Texto, Imagem e Botão. Para saber sobre as propriedades relacionada à sessão Texto clique aqui, são essas propriedades que irão definir a aparência de um texto do botão. Já as propriedades da sessão Botão lista aquelas relacionadas com a ação a ser executada e o estilo da visualização do botão, logo abaixo seguem as propriedades:

O campo Valor indica o valor que estará associado a esse botão.

O campo Tipo indica o tipo de botão que será criado. Há três tipos disponíveis:

·button: define um botão cuja ação a ser executada estará definida em um dos eventos disponíveis. Para uma lista dos possíveis eventos a serem configurados acesse a sessão Eventos da lista de propriedades de um botão.  
·submit: define um botão cuja ação a ser executada será o envio dos dados do formulário ao qual o botão está associado.  
·reset: define um botão cuja ação a ser executada será o retorno dos valores iniciais dos campos do formulário ao qual o botão está associado.  

O campo Classe indica o nome da classe CSS que será usada para aplicar um estilo visual ao link. A classe CSS deve estar especificada no arquivo que serviu como modelo para a página ou deve estar em um arquivo CSS a ser incluído na página. Para incluir um arquivo CSS numa página gerada pelo WIzard selecione na combo-box o elemento <HEAD> e na propriedade Link CSS indique o caminho relativo ao servidor web do arquivo CSS desejado. Clicando em reticencias serão listadas as classes CSS que estão definidas nos arquivos CSS que foram definidos para essa página.

O campo Estilo CSS indica o estilo visual que será aplicado ao campo do elemento. Aqui o desenvolvedor especifica diretamente os códigos style-sheet a serem aplicados ao elemento, exemplo:

font: italic 12px Verdana, Geneva, Arial, Helvetica, sans-serif; background: blue;

O campo Complemento serve para que o desenvolvedor possa inserir atributos complementares ao botão que está sendo definido e que não estejam relacionados entre as propriedades disponíveis.


A sessão Imagem define as propriedades caso se queira inserir uma imagem como conteúdo do botão. As propriedades são:

O campo URL indica a URL onde se encontra a imagem a ser exibida.

O campo Legenda indica qual será a legenda que estará associada à imagem. O texto aqui definido irá aparecer quando o ponteiro do mouse ficar sobre a imagem.

O campo À direita indica se a imagem será colocada à direita do texto. Vale salientar que o texto no qual aqui se fala corresponde ao que foi digitado na sessão Texto e não ao que foi especificado na propriedade Legenda.

O campo Complemento serve para que o desenvolvedor possa inserir atributos complementares à imagem que está sendo definida e que não estejam relacionados entre as propriedades disponíveis.


A sessão Eventos serve para que o desenvolvedor insira os eventos que serão tratados por esse elemento. Para incluir basta selecionar um dos eventos que aparece listado na combo-box e em seguida definir a função ou o comando JavaScript a ser executado para o evento selecionado. Clicando em reticencias serão listadas as funções JavaScript que estão definidas nos arquivos JS que foram definidos para essa página.

Para saber maiores detalhes como definir os arquivos JS a serem utilizados por uma página acesse a ajuda sobre o elemento <HEAD> cliando aqui.