Se você quer uma Ajuda Específica para o seu caso, proceda como indicado:
clique Suporte, e
envie a sua dúvida (para cadastrados no CLUBE DO HELP DESK)
ou envie sua dúvida para nosso
Super Fórum
)
Seção HTML da abcDICAS.com.br
HTML
Dicas de Uso para a Construção de Páginas
Web
Um FORM é, na verdade, um programa CGI que,
disponibilizado no servidor em que um Site se hospeda, permite coletar uma infinidade de
informações e dados (pessoais ou não) dos visitantes, e depois enviar os dados
coletados para a conta de E-Mail do criador da página.
Vários objetivos são alcançados com um FORM, porém os dois mais
utilizados são:
Pesquisas diversas sobre um Assunto ou uma Página;
Coletar dados dos usuários para cadastro e/ou venda de serviço ou
produto;
A montagem de um FORM numa página em geral segue alguns padrões da
linguagem HTML, mas como depende, obviamente, do serviço disponibilizado
pelo Provedor de Hosting para a coleta e o posterior envio dos dados ao
criador da página, há diferenças que se deve notar - e seguir - muito bem dependendo se
você usa a Geocities ou a Tripod::
Como chamar o programa CGI que coleta as
informações e envia os dados para o seu e-mail;
Como chamar a página de "OBRIGADO",
que você deve mostrar após o usuário preencher seu FORM;
Comandos Básicos de um FORM:
Vários comandos (TAGs) da linguagem HTML podem ser
utilizadas num FORM. Você pode colocar todas ou, o que é o ideal, fazer
uso apenas daquelas TAGs que melhor representem a idéia por trás de
cada pergunta de seu FORM:
TAG: <FORM>
Essa TAG serve para abrir e fechar cada FORM que for
colocado numa página. Embora possa haver mais de um FORM numa página, não é possível
aninhar um FORM noutro. Assim é necessário fechar um FORM antes de começar outro. E
todos as TAGs necessárias à montagem de seu FORM deverão estar DENTRO dessa TAG (entre
o <FORM> e o </FORM>.
Exemplo prático:
<FORM>
.......................................
comandos HTML do FORM vão aqui
.................
</FORM>
TAG: <INPUT TYPE="text" ...>
Essa TAG serve para coletar informações - CURTAS - que
o usuário deve digitar diretamente num campo, tal como: NOME, ENDEREÇO, E-MAIL, IDADE,
etc... Os parâmetros adicionais SIZE e
MAXLENGTH servem para especificar o tamanho visível do campo e o tamanho
máximo do conteúdo desse campo, respectivamente. O parâmetro NAME dá um nome ao campo, que será enviado junto ao conteúdo digitado, para
o e-mail do criador da página.
Exemplo prático:
Nome da Empresa: <INPUT
TYPE="text" SIZE="40" MAXLENGTH="60"
NAME="empresa"><br>
Veja como fica o
exemplo acima na página HTML:
TAG: <TEXTAREA ...>
Essa TAG serve para coletar informações - LONGAS - que
o usuário deve digitar diretamente num campo, tal como: DESCREVA O SEU PROBLEMA, DIGITE
SEU VERSO, etc... O parâmetro adicional WRAP serve para
especificar como o browser vai tratar o texto digitado, quebrando as linhas do texto como
num processador de texto. Os parâmetros adicionais ROWS e
COLS indicam o tamanho visível do campo em linhas e colunas, respectivamente.
O parâmetro NAME dá um nome ao campo, que será enviado junto ao conteúdo
digitado, para o e-mail do criador da página.
Observação Importante O parâmetro WRAP pode
assumir uma das seguintes opções:
OFF - o texto digitado não sofre nenhum
efeito de quebra de linha;
VIRTUAL - o texto digitado sofre o efeito
na tela de quebra de linha, porém o texto é enviado numa única linha para o e-mail;
PHYSICAL - o texto digitado sofre o
efeito na tela de quebra de linha, e também o texto é enviado com as quebras de linha
para o e-mail;
TAG: <INPUT TYPE="checkbox" ...>
Essa TAG serve para coletar opções - ou escolhas - que
o usuário deve informar dentre várias alternativas oferecidas dentro do
FORM. No caso do
tipo CHECKBOX são permitidas múltiplas escolhas, como por exemplo: Quais suas côres
favoritas... O parâmetro adicional VALUE serve para
especificar a(s) opção(ões) escolhida(s) pelo usuário. O parâmetro NAME dá um nome ao campo, que será enviado junto ao conteúdo selecionado em
VALUE, para o e-mail do criador da página.
Exemplo prático:
Quais browsers você usa: (você pode
escolher mais de uma opção)<br>
<INPUT TYPE="checkbox" NAME="browser"
VALUE="IE3">Internet Explorer 3<br>
<INPUT TYPE="checkbox" NAME="browser"
VALUE="IE4">Internet Explorer 4<br>
<INPUT TYPE="checkbox" NAME="browser"
VALUE="NS3">Netscape 3<br>
<INPUT TYPE="checkbox" NAME="browser"
VALUE="NS4">Netscape 4<br>
<INPUT TYPE="checkbox" NAME="browser"
VALUE="OUTRO">Uso um outro browser<br>
Veja como fica o
exemplo acima na página HTML:
TAG: <INPUT TYPE="radio" ...>
Essa TAG serve para coletar opções - ou escolhas - que
o usuário deve informar dentre várias alternativas oferecidas dentro do
FORM. No caso do
tipo RADIO é permitida apenas uma escolha, como por exemplo: Qual a sua
cor preferida... O parâmetro adicional VALUE serve para
especificar a opção escolhida pelo usuário. O parâmetro NAME dá um
nome ao campo, que será enviado junto ao conteúdo selecionado em VALUE, para o e-mail do criador da página.
Exemplo prático:
Qual é o seu Sistema Operacional:
(favor selecionar apenas uma opção)<br>
<INPUT TYPE="radio" NAME="S.O."
VALUE="DOS">DOS<br>
<INPUT TYPE="radio" NAME="S.O." VALUE="WIN3">Windows
3.x<br>
<INPUT TYPE="radio" NAME="S.O." VALUE="WIN95">Windows
95<br>
<INPUT TYPE="radio" NAME="S.O." VALUE="NT">Windows
NT<br>
<INPUT TYPE="radio" NAME="S.O." VALUE="OUTRO">Uso um
outro S.O.<br>
Veja como fica o
exemplo acima na página HTML:
TAG: <SELECT ...> ... </SELECT>
Essa TAG serve para coletar opções - ou escolhas - que
o usuário deve informar dentre várias alternativas oferecidas dentro do
FORM. Como no
caso do INPUT tipo RADIO é permitida apenas uma escolha, como por exemplo: Qual a sua
cor preferida... Difere dessa TAG por colocar a opção numa janela, e
disponibilizar uma seta para abrir uma cortina com as opções possíveis; além disso
permite que o usuário digite a opção, que se existir será mostrada assim que começar
a digitação. O parâmetro adicional VALUE serve para especificar a opção escolhida pelo usuário. O
parâmetro adicional SELECTED serve para pré-definir uma das alternativas como a
"sugerida" para o usuário usar. O parâmetro NAME dá um
nome ao campo, que será enviado junto ao conteúdo selecionado em VALUE, para o e-mail do criador da página.
Exemplo prático:
Qual é o sua CPU:<br>
<SELECT NAME="CPU">
<OPTION VALUE="AT386">AT386
<OPTION VALUE="AT486">AT486
<OPTION SELECTED VALUE="PENTIUM">Pentium
<OPTION VALUE="MMX">Pentium MMX
<OPTION VALUE="PII">Pentium II
<OPTION VALUE="OUTRO">Outro tipo de CPU<br>
</SELECT>
Veja como fica o
exemplo acima na página HTML: (veja
que Pentium já vem pré-selecionado)
TAG: <INPUT TYPE="hidden"...>
Essa TAG serve para colocar informações escondidas do
usuário (isto é: o usuário não vê tais TAGs). São utilizadas para diversas funções
num FORM, tais como:
colocar um SUBJECT no e-mail que o criador da página vai
receber;
colocar um endereço de retorno (de e-mail) para ajudar
nas respostas ao usuário;
colocar o endereço URL de uma página de agradecimento,
personalizada, pelo usuário ter gasto seu (dele) tempo preenchendo o
FORM;
Exemplo prático:
<INPUT TYPE="hidden"
NAME="subject" VALUE="MEU PRIMEIRO FORM - PESQUISA #1">
Para os demais usos citados, os comandos variam
dependendo de você estar usando o GEOCITIES ou o TRIPOD. Veja aqui
os detalhes!
TAG: BOTÕES SUBMIT e RESET
Essa TAG serve para definir a apresentação dos botões
SUBMIT (obrigatório) e RESET (opcional). O botão SUBMIT
quando pressionado executará a ação definida para o FORM, autorizando o programa CGI à
enviar os dados que o usuário preencheu para o e-mail do criador da página. O botão
RESET se pressionado apaga todas as informações que o usuário digitou anteriormente.
Serve para desistir de enviar os dados, ou para limpar o formulário e permitir que novos
dados sejam preenchidos, como se o usuário tivesse entrado novamente no
FORM.
Atenção: não temos condição de dar suporte direto para todos os visitantes;
use nosso
Super Fórum Web Design para poder enviar suas dúvidas. O registro é gratuito!
Para um suporte diferenciado use o nosso
Clube do Help Desk.
