Pular para o conteúdo principal

Canal do telegram com Varios cursos gratuitos de programação

Enviando dados de um formulário html para o php

Muitas vezes precisamos recolher informações do cliente através de  nosso site, para isto colocamos um formulário e um botão de envio.
Neste tutorial vou mostrar como funciona isto no php. Existem dois métodos mais comuns para  fazer isto no php, são:

POST - Envia os dados escondidos do usuário, através de uma  conexão paralela.

GET - Envia os dados através da URL

abaixo segue o código comentado utilizando o método POST:

index.php - página do formulário:

  1.  <html>
  2. <head>
  3. <title></title>
  4. </head>
  5. <body>
  6. <table border="0">
  7. <tr>
  8. <form name="form" method="POST" action="recebe.php">
  9. <td>nome:</td><td><input type="text" name="nome"></td>
  10. </tr>
  11. <tr>
  12. <td>email:</td><td><input type="text" name="email"></td>
  13. </tr>
  14. <tr>
  15. <td><input type="Submit" value="Enviar"></td>
  16. </tr>
  17. </table>
  18. </form>
  19. </body>
  20. </html>                                                   
recebe.php - página que recebe os dados:

  1. <html>
  2. <head>
  3. <title></title>
  4. <?php
  5. //Cícero Joceilton da Silva Gomes
  6. //Juazeiro do Norte /Ce
  7. $nome=$_POST['nome'];
  8. $email=$_POST['email'];
  9. //se um dos campos não foram preenchidos
  10. if ($nome == "" || $email == "") {
  11. //imprima na tela a mensagem:
  12. echo "preencha todos os campos";
  13. echo "<hr>";
  14. }
  15. ?>
  16.  </head>
  17.  <body>
  18. <table border="0">
  19. <td>nome:</td> <td>
  20. <?php 
  21. //se o campo nome não foi preenchido
  22. if ($nome == "") {
  23. //informe que o campo nome não foi preenchido
  24. echo "preencha o campo nome";
  25. echo "&nbsp;";
  26. echo "&nbsp;";
  27. //link para voltar a página index.php
  28. echo "<a href='index.php'>voltar</a>";
  29. //caso o campo tenha sido preenchido 
  30. } else {
  31. //imprima o nome
  32.  echo $nome; 
  33.  }
  34.  ?>
  35.  </td>
  36. </tr>
  37. <tr>
  38. <td>email:</td><td> 
  39. <?php
  40. //se o campo email não foi preenchido
  41. if ($email == "") {
  42. //informe que o campo não foi preenchido
  43. echo "preencha o campo email";
  44. //caso o campo tenha sido preenchido
  45. } else {
  46. //imprime o email
  47.  echo $email;
  48.  }
  49.  ?> 
  50.  </td>
  51. </tr>
  52. </table>



  53. </body>
  54. </html>

Isto foi apenas um exemplo de como funciona o envio de dados através de um formulário html para uma página php.
A partir deste exemplo podemos montar um formulário de email ou um sistema de  cadastro de usuários por     exemplo. 


Cícero Joceilton


Comentários

Postagens mais visitadas deste blog

Como Criar Formulários HTML5 Semânticos com Validação e Envio ao Backend

Como Criar Formulários HTML5 Semânticos com Validação e Envio ao Backend Os formulários são parte essencial de qualquer site moderno, permitindo que usuários enviem informações, realizem cadastros, façam login ou interajam com o conteúdo. No HTML5, surgiram novas tags, atributos e boas práticas que tornam os formulários mais semânticos , acessíveis e fáceis de validar. Por que usar formulários semânticos? A semântica no HTML ajuda tanto os mecanismos de busca quanto tecnologias assistivas a compreenderem o significado do conteúdo. Isso melhora a acessibilidade, a indexação e a experiência do usuário. Além disso, navegadores modernos oferecem suporte nativo para validações simples. Estrutura básica de um formulário semântico em HTML5 O HTML5 introduziu novos tipos de campos que tornam os formulários mais inteligentes, como email , url , number , date , entre outros. ...

Canal do telegram com Varios cursos gratuitos de programação

 [CANAL PRINCIPAL]( https://t.me/tecnodrives ) 🚀 **LISTA DE CURSOS GRATUITOS DISPONÍVEIS NO CANAL!** Entre, aprenda e evolua 📚💡 💻 **Programação e Tecnologia** 🔥 Programação ⚡ Flutter 🐙 Git e GitHub 🟢 NodeJS 📱 React Native ☕ Kotlin 💎 Ruby 🐘 PHP 🧠 TypeScript 💻 C / C++ / C# ☕ Java 🐍 Python ✨ JavaScript 🅰️ Angular 🗄️ Banco de Dados 🧩 Engenharia de Software 🎨 **Design e Edição** 🎨 Figma 🖌️ Photoshop 📊 Power BI 🎭 Design 📈 Excel 🎬 Premier 📰 InDesign 💫 After Effects ✏️ Illustrator 💡 UX / UI 🌍 **Outros** 🗣️ Idiomas 🎓 Alura 💻 B7Web 🎨 Origamid 💀 Hacking 🔗 **Canal Principal:** @tecnodrives 👉 Acesse e veja os conteúdos completos! | [PROGRAMAÇÃO]( https://t.me/+TkbY6DJCnEM2MmRh%20 ) | [FLUTTER]( https://t.me/+6ggVP-EU39ViY2Ix ) | [FIGMA]( https://t.me/+rE7jsLIVYoM4NTZh ) | [GIT E GITHUB]( https://t.me/ImperioDrivegit ) | [PHOTOSHOP]( https://t.me/imperiodrivephotoshop ) | [POWERBI]( https://t.me/+NU879ENirL5mYTQx ) | [DESIGN]( https://t.me/imperiodrivedesign%20 ...