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

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