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.
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.
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.
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.
<head>
<title>Teste de Formulario com PHP</title>
<head>
<body>
<h2>Teste de Formulario com PHP</h2>
<form name="teste" method="post" action="resultado.php">
<input name="texto" type="text" /><br><br>
<input name="senha" type="password" /><br><br>
<textarea name="post" id="artigo" rows="5" cols="40"></textarea><br><br>
<input type="submit" value="Enviar">
</body>
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á
<?
$texto = $_POST["texto"];
$senha = $_POST["senha"];
$post = $_POST["post"];
echo "O texto digitado foi: ".$texto;
echo "<br> A senha digitada foi: ".$senha;
echo "<br> O post digitado foi: ".$post;
?>
olá, estava pesquisando sobre formularios e estou enfrentando um problema…tenho um formulario no meu site que é enviado por email, até ai tudo bem, o problema é que quando chega o form no email ele aparece somente texto. E o que eu queria é que chegasse conforme o layout do form do site pois assim que chega esse form é impresso e arquivado com os dados.
Antecipadamente agradeço a atenção.
eu praticamente não entro no msn =(
um jeito mais fácil é vc pode usar o fórum ou o formulário de contato que vai para o meu email
Eduardo
Comment on March 29th, 2008.
…nem o checkbox se tiver duvidas em como fazer isso é só perguntar)…
- gostaria de receber mais material de como gravar informações usando o checkbos.
grato
Olá..
Quero saber se é possivel criar um formulário como o do tutorial, mas da seguinte forma:
Os dados do formulário sejam enviados à um arquivo XML, quero que ao clicar em submit o PHP gere um arquivo XML com os dados do digitados…
O form que preciso criar é sobre livros, que os campos são os seguintes:
Título, Volume, Autor, Editora, Ano e Sobre o Livro.
Nesta URL tem um exemplo dos dados digitados aparecendo em um arquivo XML: http://cotacao.republicavirtual.com.br/web_cotacao.php
Eu quero que ao clicar em submit, apareça na página resultado.php com os dados e ao mesmo tempo gere o arquivo em XML na mesma pasta onde se encontra o formulário.
Se alguém poder ajudar ficarei muito agradecido! Vlw msm!
Não tem como fazer isso sem a necessidade de MySQL e que os dados sejam os digitados no formulário.
-> Preciso que o usuário digite os dados de seu livro no formulário, os dados apareçam na página resultado.php com o comando “$Nome = $_POST["Campo"];” e que ao mesmo tempo gere o XML da seguinte forma:
Título digitado no formulário
Volume digitado no formulário
Autor digitado no formulário
Editora digitada no formulário
Ano digitado no formulário
Sobre o Livro digitado no formulário
Ops, não apareceu a forma do XML, ela é a seguinte:
Título digitado no formulário
Volume digitado no formulário
Autor digitado no formulário
Editora digitada no formulário
Ano digitado no formulário
Sobre o Livro digitado no formulário
bem e para exibir os dados na tela é só usar as variaveis “$nome” e seguir o exemplo desse post, isso pode ser colocado antes de salvar no xml ou depois
//$nome= $_POST["nome"]; //vc só precisar declarar essa linha 1 vez no arquivo
Eu tenho estes arquivos:
Formulario.php (Onde está o formulário)
resultado.php (Onde recebo os dados em PHP)
colunistasRSS.xml (Onde quero receber os dados digitados no formulário)
…….
Este código que você enviou eu ponho entre quais tags e em qual arquivo?
…….
Se poder responder eu agradeço muito =D
poderia me ajudar com um script, pois estou com problemas em criar um formulário onde o cliente possa preencher vários dados e que estes dados depois de preenchidos apareçam em outro formulário com um numero do pedido gerado aleatoriamente pelo proprio cliente ao clicar em continuar apos ter preenchido o formulario com todos os dados nele solicitado exemplo numero do pedido gerado (293589) para ai sim fazer a confirmação e que estes dados inclusive com o numero gerado referente o pedido sejam enviados para o meu E – mail…
Exemplo o cliente preenche vários dados…
Nome =
E-mail =
Telefone =
Endereço =
Bairro =
CEP =
etc , etc, etc…..
Clica em continuar >>>>
Abixo um exemplo do formulário aparecendo com todos os dados que o cliente preencheu…
Seu numero de pedido foi gerado (293589) COM SUCESSO!
AGUARDE O NOSSO CONTATO…..
Nome = Marcos Jose Schwarz
E-mail = Schwarz@bol.com.br
Telefone = 99624658
Endereço = Augusto wundervalt
Bairro = Brasília
CEP = 89290 – 000
etc , etc, etc…..
Clica em confirmar >>>>
Marcos a sua duvida é como fazer para passar os dados para uma 3º pagina ??
bem se for isso o único jeito é jogar os dados em inputs, pois assim vc joga os dados que vc pegou da 1º para a segunda e pode pegar os dados na 3º pagina sempre usando o POST ou GET
bem o input pode ser normal se vc quiser que o cliente possa editar os dados, ou caso não queira é só usar o input do tipo hidden
alguem me ensina como criar um chat em php com escolha de apelido, smileys, enviar imagem, escolher cor do nick, mensagem reservada, sem mysql e n precisa de administração, mas quando entrar e conversar ao fexar o chat e abrir dnv o apareça a conversa que estava rolando, por favor ajudem
Poderia me ajudar com um script, pois estou com problemas em criar um formulário onde o cliente possa preencher um primeiro formulário com vários dados e que estes dados depois de preenchidos apareçam em um segundo formulário após clicar em continuar >>>
E que neste segundo formulário possa aparecer um numero de pedido gerado automaticamente e também aleatoriamente pelo próprio cliente “exemplo numero do pedido gerado (293589)” bem como todos os dados preenchidos no primeiro formulário
E para finalizar quando o cliente clicar em confirmar >>> neste segundo formulário que todos os dados contidos inclusive o numero gerado referente o pedido sejam enviados para o meu E – mail…
Exemplo o cliente preenche vários dados…
Nome =
E-mail =
Telefone =
Endereço =
Bairro =
CEP =
etc , etc, etc…..
Clica em continuar >>>>
Abaixo um exemplo do formulário aparecendo com todos os dados que o cliente já preencheu…
Nome = Marcos Jose Schwarz
E-mail = Schwarz@bol.com.br
Telefone = 9962xxxx
Endereço = Augusto wundervalt
Bairro = Brasília
CEP = 89290 – 000
etc , etc, etc…..
Seu numero de pedido foi gerado (293589) COM SUCESSO!
AGUARDE O NOSSO CONTATO…..
Confirmar >>>>
Por favor amigo me ajude eu estou começando a aprender sobre informática e por isso estou pedindo ajuda para que alguém possa me fazer um script em HTML onde eu só precise copiar o código e colar no meu site para publicar na internet mais uma vez me ajude afinal Deus te Dara em dobro Amem Jesus….
cara! só preciso de um malditop codigozinho que ninguem parece entender ou nãos aber memso, só repassam para encherem suas paginazinhas amadoras…..alias sou amador tb!
Quero um formulá simples, como este aqui, que apenas o cliente digite nome, emial e só meu, só isso, é pedir demais? e que eu receba em meu email de negócios…
ai! façam mas nunca mintam que podem…
eu preciso fazer um formulario com opçoes, tipo uma prova online, ond a pessoa bota a opção, vai pra questao 2 faz o mesmo, e no final, ele some, e mostre o resultado, tem como dar uma mao quanto a isto, n axei nada no google =’/
Junior Eberhardt
Comment on July 7th, 2008.
Legal os tutos, mandou beim…
Júlio Wojcikiewicz
Comment on July 15th, 2008.
Estou com uma duvida. como faço para que o formulário preenchido seja enviado para o meu e-mail??
aew galera alguem poderia me ajuda fasendo um formulario que mande um email pra mim tipo assim
com as coisas a seguir
Nome>
Email>
Musica>
Pofavor Meu msn e vermentorox@hotmail.com obrigado vlw ai
Billy
Comment on August 5th, 2008.
opa galera, preciso de uma grande ajuda, fiz um formulario html - php tudo certo até ai, porem quando a mensagem chega para o destino, vai toda errada,sem acentos e etc…o q devo fazer pra corrigir isso??
POR FAVOR É URGENTE VALEW
por favor alguem poderia me ajudar com um codigo em html de um carrinho de compras porem temque ser um codigo em HTML não podendo ser PHP por favor me ajudem já procurei em todo lugar imaginavel só tem carrinho de compras em PHP???
Olá.
Gostaria de saber se é possivel criar um sistema de dicas/tutoriais que é encontrado em fóruns.
(O visitante preenche um formulário com seu nome, email, tipo de dica e o tutorial.
Ao clicar em “submit” em um arquivo html seja escrito os dados com o comando fwrite -isso consegui fazer-.
Mas o problema é que quero também que o botão submit ao ser clicado crie automaticamente uma página em html com a dica, nome do criador, email etc…)
Em outras palavras, preciso que o submit quando clicado escreva (frwite) os dados num html com o nome da dica em fonte maior sendo um link para a página que vai conter o tutorial. E sempre que seja digitado mais vezes o formulário apareça o nome da dica em forma de link para o html que conterá o tutorial digitado no formulário, ou seja o tutorial não aparece no local do link, e sim no html criado que será o “action” do link.
então esse esquema de criar um arquivo html não é algo muito bom já que vai usando espaco da hospedagem e tals
o esquema é salvar os dados em um banco de dados(Mysql normalmente)
aqui http://www.clubepc.org/tag/mysql tem básico pra vc conseguir fazer isso.
alem do que com o mysql vc pode fazer um sistema de avaliação(pra vc poder liberar o artigo) bem fácil, alem de poder deletar/editar com apenas um clique =D
agora salvando em HTML não é possivel fazer algo dinamico, vc até poderia fazer um esquema para ao enviar o arquivo dar fwrite na pagina principal onde irá aparecer a noticia, mas isso dá muito mais trabalho, e so pra remover algo tem que ser feito manualmente =(
Olá Thales.
Depois de responder o Marcos, preciso de uma ajuda.. xD
Antes eu falei muito complicado, n deu para entender. Mas o que preciso segue o exemplo abaixo:
Tem um formulário com um campo “Digite seu link aqui” e o botão submit logo após.
Quando este botao ser clicado, o formulário é enviado para uma página em php que irá criar automaticamente a página com o nome dado no formulário.
E este código php, criará este link (com o nome digitado no formulário também) diretamente para a página criada.
Entendeu? oO
Quero o código php que crie páginas em html (com o nome digitado no formulário + “.html”), E que ja direcione o (nome digitado no formulário) em forma de link para esta página. Ou seja deverá ser escrito em outra página html com o comando “fwrite” o link, cujo nome será o digitado no fomulário, mais a página que citei ali no começo da pergunta. Se poder ajudar, ficarei mto grato!
marcos
Comment on September 2nd, 2008.
por favor alquem poderia me ajudar com um codigo em HTML de um carrinho de compras que eu mesmo possa implantar em meu site!
tambem preciso de um script em HTML onde se pode anexar arquivos e que estas imagens anexadas possam aparecer no meu e-mail
…Ainda naum eh isso, mas ta perto…
Vou resumir em uma palavra: tópico
Quero criar um sistema de tópico, mas somente o topico, o mesmo que tem em seu forum. Entendeu? =D
Ola meu nome é tom velleda campos e estou querendo ajuda em algumas aréas formulario é uma delas este site precisa de uma nova cara e gostaria de saber quem pode ajudar.
dae, nao consigo envia os dados de um formulario para uma 2ª pagina.
pra uma página usando o php eu consigo, eh so puxar com o $_POST, mas como q eu puxo para uma 2ª pagina? ja usei o hidden e n deu, n aparece nada quando eu puxo…
ajuda ai plz
olá, tenho uma dúvida…
Queria saber como faço para escrever algo no meio de um arquivo.
pelo fwrite no meio de uma página!
Ex.:
Tenho um formulário com 2 campos “nome” e “idade”, logo após um botão “Enviar” ¬¬, qdo clicar o php puxa os dados nome e idade para o comando que irá escrever no meio de um arquivo.
Eu consigo somente escrever no fim.
Obs. Ñ precisa ser exatamente no meio, mas em qualquer lugar sem ser no fim!
olá, tenho uma dúvida…
Queria saber como faço para escrever algo no meio de um arquivo.
Ex.:
Tenho um formulário com 2 campos “nome” e “idade”, logo após um botão “Enviar” ¬¬, qdo clicar o php puxa os dados nome e idade para o comando que irá escrever no meio de um arquivo.
Eu consigo somente escrever no fim.
Obs. Ñ precisa ser exatamente no meio, mas em qualquer lugar sem ser no fim!
eu estou construindo um site.
e um dos problemas problemas é…
como posso ter assesso a todos os formularios que as pessoas fazem em meu site.
meu site no momento é muito simples eu construir ele em html, mas estou tentando formula-lo em php e em outras linguaggens mas no momento eu queria so saber isso se puder mande para o meu email.
se teverem algumas dica ou novidade me mandem.
eu gostaria de particiapar de um forun ou melhor fazer como fzer e qual o melhor que eu posso participar se pude me mande o endereço de um forum.
eu agraeço se puder me ajudar.
nuno
Comment on December 31st, 2008.
boas
fiquei com uma dúvida , nem no html nem no php aparece nenhum campo de email para onde ir o formulário, a minha pergunta é qual é a tag para esse comando?
ai galera sou novo na parada…e tenho uma duvida como faço pra colocar os comentarios na pagina onde eles foram gerados tipo esse aqui…se algum poder me ajudar…fico mt agradecido
Gostaria que alguem me adiciona-se no msn para tirar algumas duvidas em relão a formulario, na verdade gostaria de fazer um formulário para páginas em html.Meu msn:jeffersonro@msn.com.
Grato;
Gostaria que alguem me adiciona-se no msn para tirar algumas duvidas em relção a formulario, na verdade gostaria de fazer um formulário para páginas em html.Meu msn:jeffersonro@msn.com.
Grato;
Gosstaria que alguem me adiciona-se no msn para tirar algumas duvidas em relão a formulario, na verdade gostaria de fazer um formulário para páginas em html.Meu msn:jeffersonro@msn.com.
Grato;
Eu fiz uma formulario para enviar para meu email, mais naum eh enviado !
por favor me ajude nisso, pod me mandar a resposta por email.
eu vou mandar o formulario :
Nome
E-mail
Fone/Fax:
Cidade
Sexo
Homem
Mulher
Defeito
Contrato de Manutenção
Erros na rede
Virus
Outros Erros
Comentários sobre o defeito
Desejo receber notificação das novidades em informatica.
Carlos Morais
Comment on July 18th, 2009.
boa tarede,
estou tentando fazer um formulário onde uso 2 campos suspenços e um submeter onde peço que o usuaria faça a escolha nesses dois campos, em cada campo apresento 2 opções; o objetivo desse formulário é chamar uma das 4 combinações possiveis na forma de uma pagina da web armazenada no meu blog. Ja concegui construir as opções de cada campo suspenço, mas não consigo vincular as combinações com as opções e nem associar o link que leva a pagina do resultado.
Help! como faço isso?
Segue o código até então construido:
Veja aqui a compatibilidade dos signos nas relações de amor, amizade e trabalho.
Selecionar os dois signos nas janelas abaixo:
Ela
Áries
Touro
Ele
Áries
Touro
Tem um detalhe funcional q não pode ser esquecido, o site onde tenho ospedado esse formulario só aceita html.
desde ja agradeço a ajuda
(23 votos. Média: 3.78 de 5)
Loading ...
