Formulários são algumas das mais importantes ferramenteas usadar por um metres da web para juntar informações importantes sobre o usuário da internet. ser, informações como e-mail, nome, endereço, telefone e qualquer outro tipo de informação.
Baseado na necessidade da informação, pode até ser criado um arquivo, fazer estatísticas, registrar formulários ou subescrições das informações presentes na sua página de web, e mais.
Antes de chegar a um detalhe nós temos que expor alguns formulparios básicos. Campos de texto tem alguns atributos que devem ser mencionados desde o começo:
html<form method="post" action="mailto:youremail@email.com">
Nome: <input type="text" size="10" maxlength="40" name="name" /><br />
Senha: <input type="password" size="10" maxlength="10" name="password" />
</form>NÃO use esse código. Dadosdesse formulário não serão encriptados e não serão seguros.
Vamos adicionar o botão de enviar agora. Geralmente esse botão deve ser o último e é nomeado como "enviar" ou algo parecido.
Também temos de especificar o dstino dos dados colocados no formulário, a fim de transferí-los. Isso pode ser feito adicionando os seguintes atribtos:
html<form method="post" action="mailto:youremail@email.com">.
Nome: <input type="text" size="10" maxlength="40" name="name" /><br />
Senha: <input type="password" size="10" maxlength="10" name="password" /><br />
<input type="submit" value="Send" />
</form>Apenas mude o endereço de e-mail para um real para que funcione!
Os botões de rádio são bastante populares, puteis e fáceis de usar. O exemplo mais comum seria perguntas com mais de uma resposta. Há atributos para isso, como:
html<form method="post" action="mailto:youremail@email.com">
<p>Que tipo de sapartos você está usando?</p>
<label>Color:</label> <br />
<input type="radio" name="color" value="dark" /> Escuro <br />
<input type="radio" name="color" value="light" /> Claro <br />
<label>Size:</label> <br />
<input type="radio" name="size" value="small" /> Pequeno <br />
<input type="radio" name="size" value="average" /> Normal <br />
<input type="radio" name="size" value="big" /> Grande <br />
<input type="submit" value="Email Myself" />
</form>Noca em que você vai substituir o endereço de e-mail pelo seu, você receberá um e-mail com: 'size=(choose) color=(choose)'.
Usando checkboxes o usuário tem a possibilidae de escolher uma, duas ou mais respostas variantes. O nome e valor atribuidos sçao usados como nos botões de rádio.
html<form method="post" action="mailto:youremail@email.com">
<p>Que cor de sapatos você prefere?</p>
<input type="checkbox" name="shoes" value="black" /> Preto <br/>
<input type="checkbox" name="shoes" value="white" /> BRanco<br/>
<input type="checkbox" name="shoes" value="gray" /> Cinza <br/>
<input type="checkbox" name="shoes" value="black&white" /> Branco e Preto <br/>
<input type="submit" value="Email Myself" />
</form>Outro modelo d listar formuários está abaixo, em que o usuário seleciona uma linha para ser enviada como a opção escolhida.
html<form method="post" action="mailto:youremail@email.com">
<p>Preferência musical</p>
<select multiple name="music" size="4">
<option value="emo" selected>Emo</option>
<option value="metal/rock" >Metal/Rock</option>
<option value="hiphop" >Hip Hop</option>
<option value="ska" >Ska</option>
<option value="jazz" >Jazz</option>
<option value="country" >Country</option>
<option value="classical" >Classical</option>
<option value="alternative" >Alternative</option>
<option value="oldies" >Oldies</option>
<option value="techno" >Techno</option>
</select><br />
<input type="submit" value="Email Yourself" />
</form>Outro modelo é o menu 'drop-down'. Ele se mostrará como um campo, que quando clicado mostrará uma lista.
html<form method="post" action="mailto:youremail@email.com">
<p>Nível de Educação?</p>
<select name="education">
<option>Escolha</option>
<option>Ensino Médio</option>
<option>Faculdade</option>
<option>Doutorado</option>
</select><br />
<input type="submit" value="Email Yourself" />
</form>Primeiramente deve ser dito que esse formulário é apenas a interface, a parte visível com a qual o usuário podera interagir. Para fazer um upload completo de formulário, conhecimento e habilidade PHP e PERL são necessários, para não mencionar Javascript.
O upload de um formulário é composto de várias partes. Começaremos por estabelecer o tamanho do arquivo que será enviado. Isso pode ser feito usando um campo escondido. Depois disso, nós criaremos um campo em que o usuário poderá escreve o endereço do arquivo ou será capaz de procurar em uma janela de exploração.
html<input type="hidden" name="MAX_FILE_SIZE" value="100" /> <input name="file" type="file" />Geralmente zonas de texto são criadas para enviar comentários. A maioria dos blogs e fóruns usam esse tipo de opção. Entretanto vários sites também usam zonas de texto para saber a opnião de seus usuários em algum assunto.
Para criar uma zona de texto primeiro é necessário especificar os atributos de filas e colunas dentro da tag <textarea> . 'Filas' estabelecerão o peso do campo e colunas, o tamanho - em caracteres. No exemplo seguinte há 5 linhas de 20 caracteres cada. Então temos que especificar os atributos nas tags de enlaço, sendo elas:
html<form method="post" action="mailto:youremail@email.com">
<textarea rows="5" cols="20" wrap="physical" name="comments">Escreva um comentário</textarea><br />
<input type="submit" value="Email Yourself" />
</form>Também deve der mencionado que tudo que você escrever será visto na zona de texto.