![]() |
![]() |
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.:
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.:
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.: