Como fazer formulários em HTML/PHP

Como fazer formulários em HTML/PHP

Para qualquer um que queira aprender alguma programação voltada para WEB(PHP, ASP, JAVA, etc) precisa saber como criar um formulário em HTML, já que é com eles que você irá coletar qualquer dado digitados pelo usuário.

Então irei explicar todos os passos, e as tags envolvidas, para se criar um fórmulario, e coletar os dados usando PHP.

Leituras recomendadas.

O <form></form>

A tag <form> delimita um formulário, ou seja tudo que estiver dentro dele será enviado ao clicar no botão, ela tem algumas propriedades:

<form name=”nome_do_form” method=”metodo_de_transferencia” action=”url_do_script”>

Explicando:

name: o name serve principalmente por questão de organização para vc saber o que ele faz, ele não é obrigatorio, a menos que vc tenha alguma função em javascript dai ele pode ser obrigatorio.

method: esse é o metodo que os dados serão enviados, se usam dois metodos get e post(leitura obrigatoria)

action: aqui será o nome ou a url, do arquivo que irá “pegar” os dados digitados no formulario.

O <input>

A tag <input> é um campo para entrada de dados, essa tag não precisa ser fechada(não existe </input>).

<input name=”titulo”>


Existe os seguintes atributos para ele:name: nome do input, é usado para podermos pegar os dados, posteriormente.

id: campo opcional, usado para algumas funções com javascripttype: tipo de campo, ao qual atribuímos seis valores diferentes para gerar seis tipos diferentes de entrada de dados:

text: campo normal para digitação de textos, esse é o type padrão, caso não seja expecificado nenhum type.

<input name=”titulo” value=”texto” type=”text” />

password: campo de tipo senha, ao digitar algum valor os caracteres são escondidos por asteriscos<input name=”titulo” value=”texto” type=”password” />

Os campos do tipo text e password tem os seguintes atributos adicionais:size: comprimento da caixa de texto, o 26 representa o numero de caracteres que será visivel na telapodem ser digitados.

maxlength: numero de caracteres que poderá ser digitado.

value: Conteudo que irá aparecer no input

hidden: campo invisivel na tela, usado para passar valores de um formulario para outro.

checkbox: botão de multipla escolha,
<input name=”titulo” value=”futebol” type=”checkbox”>Item 1
<input name=”titulo” value=”volei” type=”checkbox” checked=”checked”>Item 2, Checado
Item 1
Item 2, Checado

radio: botão de unica escolha, desde que todos tenham o mesmo name, só 1 deles poderá ser escolhido
<input name=”titulo” value=”item1″ type=”radio” />Item 1
<input name=”titulo” value=”item2″ type=”radio” />Item 2
<input name=”titulo” value=”item3″ type=”radio” checked=”checked” />Item 3, Checado
Item 1
Item 2
Item 3, Checado

Os campos do tipo chekbox e radio tem o atributo checked=”checked” que permite definir um item como selecionado.submit: botão para envio de dados, ele contem o value que será o texto a aparecer no botão
<input type=”submit” value=”texto” >

A <textarea> </textarea>A tag <textarea> também é um campo para digitar qualquer valor mas ele permite ter varias linhas. Existe os seguintes atributos para ele:

<textarea name=”post” id=”post” rows=”5″ cols=”40″>Aqui fica algum texto, se quizer</textarea>

name e id: tem as mesmas funcionalidades do input.

rows: numero de linhas que haverá

cols: numero de colunas que haverá(cada coluna é o equivalente a 1 caracter).

Esses são os principais e fundamentais itens para um fórmulario, existem outros veja os aqui. Essas tags não podem ter a sua aparencia alterada, mudada somente CSS, mas existe um jeito de alterar eles usando um script em javascript.
Criando um formulário

Agora que você já conhece para que serve cada um deles vamos, criar um formulario completo, para entender completamente o seu funcionamento.

Para usar o formulário usamos 2 arquivos o primeiro terá somente o formulário, usando as tags aqui explicadas, por isso pode ser em .html. E o segundo irá coletar os dados digitados, por isso precisa ser feito usando a linguagem de programação escolhida, no caso irei explicar com PHP, por isso é preciso executa-lo em um servidor, ou em localhost com o php instalado.

Para o exemplo não irei usar o radio e nem o checkbox pois são mais complicados para “pegar” o item selecionado(se tiver duvidas em como fazer isso é só perguntar), e a ideia desse artigo é ensinar o basico sobre como usar formularios.

Crie o arquivo com o formulário, chame-o de form.html, com o seguinte conteudo.

[code=”html”]
Teste de Formulario com PHP

Teste de Formulario com PHP


[/code]

e agora crie o arquivo que irá receber os dados, chame o de resultado.php(ou o nome que vc colocou no action do arquivo anterior), o seu conteudo será

[code=”php”] A senha digitada foi: “.$senha;
echo “
O post digitado foi: “.$post;
?> [/code]

Criamos as 3 variaveis e gravamos nela os dados que vieram do formulario usando o $_POST, depois damos um echo para exibir na tela os dados.

Bem simples não?, qualquer duvida é só perguntar.

Para quem estiver acompanhando a área Aprendendo PHP.

Leitura Obrigatoria: Tutorial Básico PHP, Coletando informações do usuário com PHP,

Leitura Recomendada: Mudando o layout dos formulários HTML

Os proximos passos/leituras são:

Comandos basicos do Mysql no PHP

134 thoughts on “Como fazer formulários em HTML/PHP

  1. Pingback: Criar um formulário com PHP – AFTEBI :: COVILHÃ

  2. garciantonio

    amigo fiz o formularo em php mas nao consigo pegar os dados a nao ser por phpmyadmin do mysql e tambem quando falta qualquer campo sem preencher da o erro de preenchimento e apaga todos os outros campos o que faço?

  3. Pingback: how much garcinia cambogia to lose weight

  4. Pingback: Yacon Splash Reviews

  5. Pingback: Watch NBA Games

  6. Pingback: all natural garcinia cambogia

  7. Pingback: where can i buy garcinia

  8. Pingback: survival food

  9. Pingback: best of casting couch porn

  10. Pingback: refinery

  11. Pingback: huge20iq.zendesk.com

  12. Pingback: GC180 XT

  13. Pingback: click through the up coming webpage

  14. Pingback: ____x

  15. Pingback: fotografia _lubna Pozna_

  16. Pingback: restoration companies

  17. Pingback: VSO ConvertXToDVD 3.5.3.139 full

  18. Pingback: desert safari dubai

  19. Pingback: ibcbet online

  20. Pingback: laser engraving jewellery

  21. Pingback: ksw 28 za darmo

  22. Pingback: healing.cbnu.ac.kr

  23. Pingback: Xay Dung He Thong Xu Ly Nuoc Thai O Tram Y Te La Lang Phi!

  24. Pingback: How To Shave Legs After Hip Surgery

  25. Pingback: payday loan companies

  26. Pingback: desert safari dubai offers

  27. Pingback: free construction Project leads

  28. Pingback: findmyoldhairdresser.com