banner2.gif (3664 bytes)
FreeBRS - Sistema de informações desenvolvida pela BRS - Brasil Site (Tudo Gratuito)
 



Botões

a. Botões sim ou não - checkbox
b. Botões com opções - RADIO
c. Botões de submissão e limpeza
a. Botões sim ou não - checkbox

Retornando ao formato de INPUT TYPE="", a marcação CHECKBOXES é perfeita para escolher entre duas opções.

Opções:

VALUE="" OPCIONAL

Especifica o valor da opção enviado ao servidor. Se não for definido, o valor "on" é enviado ao script decodificador.

CHECKED OPCIONAL

Esta marcação define a opção selecionada por default.

<FORM METHOD="POST" ACTION="/cgi-bin/post-query">

<INPUT TYPE="checkbox" NAME="boletim" CHECKED>Sim, eu desejo receber o boletim de notícias.

<P>

<INPUT TYPE="checkbox" NAME="info">Sim, eu gostaria de receber mais informações turísticas.

</DL>

</FORM>

Obs.:

  • Este elemento funciona melhor para respostas do tipo "sim/não" ou "on/off".
  • Você pode simular uma lista SELECT MULTIPLE criando CHECKBOXES com o mesmo NAME, mas diferentes VALUES

b. Botões com opções - radio

RADIOBUTTONS utilizam uma notação similar a de CHECKBOXES, contudo, apenas uma opção pode ser escolhida.

Opções:

VALUE="" OBRIGATóRIO

Especifica o valor da opção a ser enviado para o servidor.

Se não for definido, um valor "on" é enviado ao script decodificador.

CHECKED RECOMENDADO

Esta marcação especifica qual botão estará selecionado por default.

Uma vez que uma seleção precisa ser feita, é melhor prover uma opção pre-selecionada.

<FORM METHOD="POST" ACTION="/cgi-bin/post-query">

Suas preferências na viagem:

<DL>

<DD>Classe do Bilhete:

<INPUT TYPE="radio" NAME="classe" VALUE="eco">econômica

<INPUT TYPE="radio" NAME="classe" VALUE="exe">executiva

<INPUT TYPE="radio" NAME="classe" VALUE="pri" CHECKED>primeira

<DD>Localização:

<INPUT TYPE="radio" NAME="local" VALUE="frente">área fumante

<INPUT TYPE="radio" NAME="local" VALUE="tras">área não fumante

</DL>

</FORM>

Obs.:

  • Como já foi mencionado, RADIOBUTTONS não são boa escolha para listas com muitos itens, porque o cliente tem problemas para exibir muitos botões. É melhor utilizar o menu SELECT.
  • Uma vez que um botão é selecionado, ele não pode ser desmarcado sem selecionar outro botão que possua o mesmo NAME. A seleção default pode ser restaurada com a utilização do botão RESET, introduzido a seguir.
  • Se você utiliza vários RADIOBUTTONS com o mesmo NAME e nenhum VALUES, o servidor não será capaz de dizer que botão foi selecionado, uma vez que o valor "on" será retornada para qualquer um deles.

c. Botões de submissão e limpeza - reset e submit

Em vez do usuário corrigir cada INPUT, um botão RESET pode ser utilizado para restaurar todos os campos a seus valores default, como se nenhuma informação houvesse sido digitada.

E finalmente, o FORM precisa de uma opção para enviar toda a informação digitada para o servidor, uma vez que o usuário terminou de preencher os todos os campos de entrada. O botão SUBMIT transfere toda a informação para a URL especificada no elemento ACTION.

Opções:

VALUE="" OPCIONAL

Especifica o texto a ser exibido no botão.

Se não for especificado, os textos default "Reset" e "Submit Query" serão colocados nos botões RESET e SUBMIT, respectivamente.

NAME="" OPCIONAL

Se NAME for definido em um botão SUBMIT, o formulário irá transmitir o valor do conteúdo do elemento VALUE, permitindo que você tenha múltiplos botões SUBMIT numa espécie de versão simplificada de um RADIOBUTTONS.

<FORM METHOD="POST" ACTION="/cgi-bin/donothing">

Qual o seu primeiro nome? <INPUT TYPE="text"><BR>

Aperte este botão: <INPUT TYPE="radio" NAME="nada"><BR>

<INPUT TYPE="reset" VALUE="Limpa campos">

<INPUT TYPE="submit">

</FORM>

Obs.:

  • Normalmente, o script decodificador retorna um hiperdocumento após ele processar a informação do formulário.
  • Nem todos os clientes suportam múltiplos botões SUBMIT. É melhor utilizar apenas um único botão SUBMIT para transmitir a informação digitada no formulário.

 



voltar para o menu anterior