Formulários são muito utilizados em sites para receber dados do usuário, quem nunca precisou preencher um formulário de cadastro ou simplesmente para logar em um website?
Quando preenchemos corretamente os campos e clicamos no botão de enviar esses dados serão enviados para o administrador do site e consequentemente uma resposta deve vir até você como por exemplo:
obrigado por nos contactar!!!
você está logado.
Vamos ao que interessa:
Os formulários são criados a partir das etiquetas: <form> e </form> o comando para os campos é o <input>
há dois tipos de campos "text", para textos e "password", para senhas utilizamos este último para que o usuário digite sua senha discretamente, no lugar dos caracteres aparecem pontos.
text:
password:
também temos outros componentes dos formulários:
botões:
<input name="opção" type="radio" value="on"/>
rádio- opção única
<input type="checkbox" value="on"/>
checkbox- várias opções:
caixa de seleção:
<select>
<option>opção</option>
</select>
veja abaixo como seria uma caixa de seleção:
veja o código desta caixa:
<select>
<option> sim </option>
<option> não </option>
<option> talvez </option>
</select>
Outro campo de texto muito conhecido é o textarea um campo multiline ou seja com várias linhas:
veja o código:
<textarea name="comentário" rows="10" cols="40">Escreva seu comentário....</textarea>
veja como fica:
Agora você deve está se perguntando:
E como eu recebo os dados do formulário?
Bom você pode receber estes dados em seu e-mail, através de uma arquivo php que envie os dados para seu servidor e então será enviado para seu endereço eletronico:
em seu formulário você escreve:
<form method="POST" action="envia.php">
E você deve ter uma página php com o nome "envia.php"
Falta somente o botão de enviar o formulário para isto vamos digitar o código:
<input type="Submit" value="Enviar">
veja como fica:
Com estes dados você já é capaz de criar seu formulário, agora é bom dar uma boa estudada em php, para manipular este formulário.
Na próxima aula vamos aprender como colocar o site no ar!!!
até a próxima
Nenhum comentário:
Postar um comentário