{"componentChunkName":"component---src-templates-blog-post-index-js","path":"/formulario-em-php/","result":{"data":{"markdownRemark":{"fields":{"slug":"/formulario-em-php/"},"frontmatter":{"category":"Back-End","date":"25/01/2006","description":"","featuredImage":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAME/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQP/2gAMAwEAAhADEAAAAY5sqkLJl//EABkQAAIDAQAAAAAAAAAAAAAAAAABAhESA//aAAgBAQABBQJ9ByZs0WKFn//EABcRAAMBAAAAAAAAAAAAAAAAAAACESL/2gAIAQMBAT8BVIZP/8QAFhEBAQEAAAAAAAAAAAAAAAAAABIh/9oACAECAQE/Aaa//8QAGBAAAgMAAAAAAAAAAAAAAAAAADEQIkH/2gAIAQEABj8CqKcGf//EABsQAAIDAAMAAAAAAAAAAAAAAAABESFBUZGx/9oACAEBAAE/IXTayTcHykV0bJid50IU+D//2gAMAwEAAgADAAAAEOPf/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8QjQ//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQIBAT8QdMN//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIUFhMXGR8P/aAAgBAQABPxClQjhxtQvMC+5gtRZaaW87PmFoB2bY1U/nef/Z","aspectRatio":1.5384615384615385,"src":"/static/f3d18130dfe174835b19cc7b2452ffd9/86e90/backend.jpg","srcSet":"/static/f3d18130dfe174835b19cc7b2452ffd9/17b1e/backend.jpg 240w,\n/static/f3d18130dfe174835b19cc7b2452ffd9/2d331/backend.jpg 480w,\n/static/f3d18130dfe174835b19cc7b2452ffd9/86e90/backend.jpg 960w","srcWebp":"/static/f3d18130dfe174835b19cc7b2452ffd9/c30ee/backend.webp","srcSetWebp":"/static/f3d18130dfe174835b19cc7b2452ffd9/e8667/backend.webp 240w,\n/static/f3d18130dfe174835b19cc7b2452ffd9/87b7f/backend.webp 480w,\n/static/f3d18130dfe174835b19cc7b2452ffd9/c30ee/backend.webp 960w","sizes":"(max-width: 960px) 100vw, 960px"}}},"photographer":"","title":"Formulario em PHP"},"timeToRead":6,"html":"

Estava eu tranquilo, quando Leandro Cunha, camaradassa meu me perguntou sobre como fazer um formulário via PHP. Como estava no meebo e odeio esses IM via browser, achei melhor postar algo no Blog, com isso, posso ajudar possíveis pessoas que tenham dúvidas sobre o assunto.

\n

É muito simples sua implementação, pra quem já conhece PHP legal, já mexe, isso é mole, mas pro pessoal que tah começando agora, tah no básico ainda, vale ler (eu acho :P)

\n

Primeira Parte - HTML

\n

Primeiramente, lógico, vou postar um código html de um formulário (lembrando que não coloquei nenhum estilo pro formulário, isso fica com vocês ok? ;) ) ver exemplo online:

\n
<form action=\"enviar_formulario.php\" method=\"post\">\n  Nome:<br />\n  <input type=\"text\" name=\"nome\" /> E-mail:<br />\n  <input type=\"text\" name=\"email\" /> Mensagem:<br />\n  <textarea name=\"mensagem\" cols=\"32\" rows=\"8\"></textarea><br />\n  <input type=\"submit\" value=\"Enviar\" />\n  <form></form>\n</form>
\n

Como podemos ver, um simples formulário, muito feio, sem estilo nenhum. Caso queiram modificar, fiquem à vontade, coloquem fieldset, legend, labels, etc... Vou ver se em breve eu crio um tutorial de como criar um formulário estilizado e nos padrões ;)

\n

Creio que não precise comentar sobre o código acima, todos que estiverem lendo devem conhecer html (pelo menos espero), mas darei uma comentada:

\n

<form action="enviar\\_formulario.php" method="post">

\n

Nesta linha, criei a tag form, essencial, e nela coloquei o atributo action que recebe o a página onde o formulário enviará as informações dispostas nos campos do formulário. A página utilizada foi a enviar_formulario.php, mas o nome fica a critério de vocês, contanto que mude também quando criarem-na ok? ;)

\n

Nome:<br /> <input type="text" name="nome" />

\n

Um texto Nome:, indicando que o próximo campo é para colocar o nome, um pulo de linha, para o campo vir abaixo do texto e o input que cria o campo de texto chamado nome, que vai ser enviado pelo formulário e o arquivo php receberá como variável.

\n

E-mail:<br /> <input type="text" name="email" />

\n

Idem ao item anterior, só mudando para E-mail.

\n

Mensagem:<br /> <textarea name="mensagem" cols="32" rows="8"></textarea><br />

\n

Semelhante aos anteriores, mas ao invés de input, é um textarea, para receber mais informações, pois geralmente mensagens são maiores. E nele, têm 32 colunas de largura e 8 linhas de altura.

\n

<input type="submit" value="Enviar" />

\n

Um input com o botão de envio do formulário. É através dele que o formulário será enviado para a página php setada no action da tag form.

\n

Espero que tenham entendido essa parte, acho que deu pra dar uma explicadinha legalzinha sobre cada parte. Agora vamos cair dentro do arquivo php.

\n

Arquivo enviar_formulario.php

\n
<?php\n$nome = $_POST['nome'];\n$email = $_POST['email'];\n$mensagem = $_POST['mensagem'];\n$msg = \"<font face='Verdana' size='1'><b>Nome:</b> \\t$nome</font><br>\";\n$msg .= \"<font face='Verdana' size='1'><b>E-mail:</b> \\t$email</font><br>\";\n$msg .= \"<font face='Verdana' size='1'><b>Mensagem:</b> \\t$mensagem</font>\";\n$mensagem = \"$msg\";\n$remetente = \"$email\";\n$destinatario = \"bruno@brunodulcetti.com\";\n$assunto = \"Tutorial de Formulário BrunoDulcetti.com\";\n$headers = \"From: \".$remetente.\"\\nContent-type: text/html\";\n# o 'text/html' é o tipo mime da mensagem\nif (!mail($destinatario,$assunto,$mensagem,$headers)) {\n  print \"falha no envio da mensagem\";\n} else {\n  echo \"<script>window.location.href='obrigado.htm'</script>\";\n}\n?>
\n

Bom, vamos lá, agora explicarei as linhas desse arquivo:

\n

<?php

\n

Linha de abertura de código php, sem isso, nada de php funcionando :D

\n

$nome = $_POST['nome'];

\n

Essa linha, a variavel nome é criada e ela recebe o campo de texto nome, que foi enviado via método post pelo formulário, lembra? method=\"post no form, agora lembra não é? ;)

\n

$email = $_POST['email'];

\n

Igual ao nome, mas mudando a variável para email e o $_POST[''] recebe o campo email enviado pelo formulário.

\n

$mensagem = $_POST['mensagem'];

\n

Igual aos anteriores, mas mudando a variável para mensagem e o $_POST[''] recebe o campo mensagem enviado pelo formulário.

\n

$msg = "<font face='Verdana' size='1'><b>Nome:</b> \\t$nome</font><br>";

\n

Aqui é criada uma variável msg, onde ela recebe a variável nome, que declaramos e demos o valor à ela anteriormente. A grande sacada e diferença, foi que eu usei uma tag font com a fonte Verdana como fonte padrão e tamanho 1. Fiz somente para o formulário ser enviado com mais estilo, ficar um pouco mais bonito, senão fica aquela fonte padrão feia. Mas isso fica a critério de vocês. E coloquei um br no final, para pular de linha.

\n

$msg .= "<font face='Verdana' size='1'><b>E-mail:</b> \\t$email</font><br>";

\n

Idêntico ao anterior, mudando somente para variável email e a variável msg recebe o valor anterior mais esse, não sobrescrevendo o valor anterior.

\n

$msg .= "<font face='Verdana' size='1'><b>Mensagem:</b> \\t$mensagem</font>";

\n

Idêntico aos anteriores, mudando somente para variável mensagem e a variável msg recebe os valores anteriores mais esse, não sobrescrevendo o valores anteriores.

\n

$mensagem = "$msg";

\n

Variável mensagem recebendo todo o conteúdo da variável msg.

\n

$remetente = "$email";

\n

Variável remetente recebendo a variavel email, que contém o email preenchido no formulário, que aparecerá como o remetente no webmail.

\n

\\$destinatario = "bruno@brunodulcetti.com";

\n

Aqui temos uma variável destinatario, que é onde você colocará o email para onde o conteúdo será enviado.

\n

\\$assunto = "Tutorial de Formulário BrunoDulcetti.com";

\n

Variável assunto, que receberá um assunto especificado por você que aparecerá como título, assunto do email que chegará para você.

\n

$headers = "From: ".$remetente."\\nContent-type: text/html"; # o 'text/html' é o tipo mime da mensagem

\n

Variável headers que será enviado junto com o email, dizendo o mime da mensagem.

\n

if(!mail($destinatario,$assunto,$mensagem,$headers)){

\n

Eu poderia pular essa parte, não colocar um if, mas coloquei, para caso dê algum problema no envio, apareça um aviso. Neste if, temos um mail, que é a variável do php de envio de emails feitos por ele. Em ordem, colocamos as variáveis destinatario que é seu email, assunto que é o título, assunto do email, mensagem que é o conteúdo do email enviado pelo formulário e o headers. Neste if ele diz resumidamente \"Se (o email não foi enviado) fazer\". O símbolo de ! significa negação no php e o { significa o início das funções dentro do if.

\n

print "falha no envio da mensagem";

\n

Como disse acima, caso o email não seja enviado, apareçe esta mensagem de erro, avisando que houve uma falha.

\n

} else {

\n

Aqui temos o fechamento do if, que é simbolizado pelo } e temos o else, que significa \"então\" e um símbolo de { indicando que haverá outra função ou funções.

\n

echo "<script>window.location.href='obrigado.htm'</script>";

\n

Aqui nós temos a função que redireciona para uma nova página, de obrigado, que vocês podem modificá-la como quiserem, tanto nome, layout, etc. Havendo mudança no nome, modifiquem aqui também para que não haja erro 404.

\n

}

\n

Fechamento do else, fechamento definitivo do laço if.

\n

No geral, traduzindo, seria: \"Se (o email não foi enviado) faça\" \"falha no envio\" \"senão (se o email foi enviado corretamente) faça\" \"redirecionamento e obrigado\" \"fim do if\"

\n

?>

\n

Aqui temos o fechamento do php.

\n

Temos esse script funcionando na seção contato do meu site.

\n

Espero que tenham gostado e que tenha sido de fácil compreensão. Aos avançados, desculpem, mas preferi colocar algo básico agora, pro pessoal que tá começando... Em breve posto algo mais avançado ok?

\n

Aquele abraço galera.

"}},"pageContext":{"nextPost":{"fields":{"slug":"/firefox-turbinado/"},"frontmatter":{"title":"Firefox Turbinado"}},"previousPost":{"fields":{"slug":"/google-news/"},"frontmatter":{"title":"Google News"}},"slug":"/formulario-em-php/"}},"staticQueryHashes":["1271460761","2963127411","3623170217","764694655"]}