Como escrever formulários HTML

Um formulário é uma área que contém vários elementos para receber entradas de usuários (digitação de dados) para processamento por um programa especial. Existem vários elementos de formulários, como pode ser visto no diagrama abaixo. A aparência destes elementos de formulários, no entanto, pode variar de acordo com o navegador que você está usando. Este tutorial assume que você tem pelo menos um conhecimento básico de HTML.

• Primeiro, você deve indicar o início e o fim do formulário com as tags <form> e </ form> . Como já mencionado, quando a digitação do usuário é enviada, é processada por um programa especial. Este programa especial geralmente é escrito em uma linguagem Common Gateway Interface (CGI). Você precisará obter ou escrever um programa comumente chamado formmail, escrito em PHP ou quer PERL. Uma alternativa é usar um serviço de formmail (serviços pagos e gratuitos), que lhe permitem utilizar o formmail armazenado nos servidores do prestador do serviço. Utilize o seu mecanismo de busca preferido, faça uma busca na Internet, use as palavras “formmail” e “serviço”, confira os serviços que aparecerão nos resultados da sua pesquisa, e escolha o que lhe interessar mais. Eu recomendo altamente que você escolha esta opção, porque fazer tudo por conta própria pode ser muito difícil e demorado. Além disso, algumas empresas de hospedagem não permitem que você use seus próprios programas CGI, em função de riscos de segurança. Se você estiver confiante de que será capaz de configurá-lo por si mesmo, o programa Perl pode ser obtido em ScriptArchive. As instruções para configurar o script estão incluídas no arquivo leiame. Depois de ter criado um script para seu uso, você precisará linkar o form a este script. Isto é feito utilizando-se os atributos “action” e “method”. O valor do atributo "action" são a localização e nome do script, enquanto que o método pode ser "get" ou "post". Se você estiver usando o formmail PERL, o código HTML que será semelhante ao seguinte: <form method="POST" action="http://fp1.formmail.com/cgi-bin/fm192">. O elemento de formulário mais comumente utilizado é a tag <input>. O tipo de entrada é especificado no valor do atributo "type". Com a tag de entrada, você pode facilmente criar um botão, caixa de verificação, caixa de seleção, botão de reset ou “submit”, ou caixa de texto. Basta indicar o tipo de elemento de formulário que você quer criar, no atributo de tipo de entrada. Por exemplo, para criar um texto similar ao do diagrama, eu digitaria <input type="text" />. Outros três atributos que você vai precisar conhecer são "value", "checked" e "name". O valor do atributo “value” muda conforme o tipo de entrada. Para os botões e entradas de texto, o valor que você digita é o que aparece por padrão quando um usuário vê seu formulário. Para caixas e botões de opção, o valor é a ação realizada quando são clicados. O conteúdo do form digitado é, então, enviado para o script que processa o formulário. Para os botões e caixas de seleção, o elemento “checked” é utilizado para indicar se já deve ser apresentado apresentado na tela verificado por padrão. Não é atribuído um valor a estes elementos. O atributo “name” é requerido para elementos de entrada para os tipos botão, caixa de verificação, texto e seleção.. Um exemplo de um botão com os atributos que mencionei é: <input type = "radio" checked.

Utilize os elementos explicados neste tutorial para criar seu próprio form.
Um Form de amostra - Para ver como este trecho de código vai ficar na tela, digite o seguinte em seu editor favorito e salve:
<form method="POST" action="http://fp1.formmail.com/cgi-bin/fm192">
Nome: <input type="text">
E-Mail: <input type="text">
Sim! Por favor, envie-me e-mails toda semana. <input type="checkbox" checked />
Perguntas/Comentários:
<textarea rows="5" cols="25"> Digite o texto aqui. </ textbox>
Onde ouviu falar de nós? <select> <option> Google </ option> <option> Yahoo </ option> <option> Outros </ option> </ select>
<input type="submit" /> <input type="reset" />
</ form>