Como Criar um Formulário em HTML e Salvar os Dados 💾?

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ส.ค. 2024
  • Como criar um formulário em HTML. Nesse vídeo você vai aprender como criar um formulário html e também como salvar essas informações num banco de dados. Vai ser um vídeo bem interessante para você entender como os campos de formulário se comportam e como se manipula dados de um formulário.
    Meu Curso👉curso.programacaoweb.com.br
    Download: is.gd/5v7Zh4
    ⏱Neste vídeo
    00:00 - Introdução
    00:50 - Demonstração
    02:20 - Vinheta
    02:25 - Instalando o que precisa
    05:40 - Inicializando projeto
    06:48 - Construindo HTML
    14:00 - Estilizando com CSS
    23:56 - Preparando o Formulário para enviar
    26:47 - Processar os dados no Back-end
    29:30 - Criando banco de dados e inserindo os valores
    48:50 - Recapitulação do Fluxo
    51:53 - Criando área administrativa
    01:13:18 - Testando área administrativa
    01:14:25 - Teste final
    01:16:19 - Deixa seu like e se inscreve
    #programacaoweb #html #php
    ⭐Torne-se Membro: youtube.com/@programacaoweb/join
    Ao se tornar membro você recebe acesso a cursos exclusivos para membros - jQuery, Bootstrap 5, React Completo, PHP, Node JS.
    🎓 Cursos Gratuitos:
    Curso de HTML Completo 👉 • Curso HTML Completo (4...
    Curso de CSS Completo 👉 • Curso CSS Completo (7 ...
    Curso de JavaScript Completo 👉 • Curso Javascript Compl...
    Curso de Sass para Iniciantes 👉 • Aprenda Sass em 25 Min...
    Curso de Git e Github Para Iniciantes 👉 • Curso de Git e Github ...
    Curso de React Para Iniciantes 👉 • Curso de React Para In...
    Curso de TypeScript Para Iniciantes 👉 • Curso de TypeScript Pa...
    Forte abraço!
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 74

  • @programacaoweb
    @programacaoweb  11 หลายเดือนก่อน +1

    *Conheça meu Curso Completo!*
    👉curso.programacaoweb.com.br
    🔥Use cupom: 5PORCENTO
    Abraço!

    • @lordkross2344
      @lordkross2344 11 หลายเดือนก่อน

      Gostaria de fazer o seu curso

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน +1

      @@lordkross2344 vai ser muito bem-vindo na turma Lord Kross!

  • @allyssongabriel7101
    @allyssongabriel7101 11 หลายเดือนก่อน +6

    Professor sei que sua área principal é a web mas vc ensina mt bem se possivel um dia gostaria de aprender linguagens como C , Python , Java etc aqui tambem , e acho que muitos outros tambem gostariam

  • @simonecris29
    @simonecris29 27 วันที่ผ่านมา

    Gosto muito de seus vídeos, realmente ensina muito bem. Comprarei seus cursos com certeza!

    • @programacaoweb
      @programacaoweb  25 วันที่ผ่านมา +1

      Muito obrgado Simone!

  • @Joe3372
    @Joe3372 4 หลายเดือนก่อน

    O melhor, até agora!

  • @giovannajojo7915
    @giovannajojo7915 3 หลายเดือนก่อน

    simplesmente o melhor vídeo, eu tava tendo muito problema pra conseguir puxar os dados da tela de cadastro mas fazendo desse jeito do vídeo eu consegui!!

  • @dani1011ify
    @dani1011ify 7 หลายเดือนก่อน

    bacana , muito bem explicado.

  • @motivacao-fire
    @motivacao-fire 11 หลายเดือนก่อน

    Show de bola, confesso que nunca tive contato com PHP é foi bem desafiante rsrs

  • @franciscopaulobarbosa7461
    @franciscopaulobarbosa7461 26 วันที่ผ่านมา

    Muuuuuito Bom !!!!

  • @ars190581
    @ars190581 2 หลายเดือนก่อน

    Aula excelente! Meus parabéns pela sua didática!

    • @programacaoweb
      @programacaoweb  2 หลายเดือนก่อน

      Muito obrigado Anderson!

  • @user-hs8gl3xl6t
    @user-hs8gl3xl6t 9 หลายเดือนก่อน

    Seu trabalho está somando na vida de muita gente, inclusive a minha. Boa didática, e bem relevante. Logo serei membro do canal.

    • @programacaoweb
      @programacaoweb  9 หลายเดือนก่อน +1

      Que bom que está te ajudando Moises! Vai ser muito bem-vindo como membro. Abraço!

  • @roneipereira3508
    @roneipereira3508 4 หลายเดือนก่อน

    Parabéns professor, a sua didática é muito boa conseguir compreender bastante coisa. Muito bom

    • @programacaoweb
      @programacaoweb  4 หลายเดือนก่อน

      Muito obrigado Ronei! Abraço!

  • @osvaldobtjr
    @osvaldobtjr 11 หลายเดือนก่อน

    Passando pra agradecer pela sua dedicação em compartilhar esses conhecimentos.
    Em breve estarei adquirindo o seu curso completo se Deus quiser! 👍

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน

      Eu que agradeço Osvaldo. Muito obrigado por deixar seu comentário. Vai ser muito bem-vindo na turma. Grande abraço!

  • @dracster_
    @dracster_ 6 หลายเดือนก่อน +2

    Vc não tem ideia do quanto me ajudou com esse vídeo

  • @tatynham
    @tatynham 4 หลายเดือนก่อน

    So tenho a agradece ter achado seu video, muito obrigada por vc existir e ter explicado e disponibilizado seu conhecimento, vou passar adiante....mil likes pra vc!!!

    • @programacaoweb
      @programacaoweb  4 หลายเดือนก่อน

      Muito obrigado Tatiana! Abraço!

    • @tatynham
      @tatynham 4 หลายเดือนก่อน

      Sera que vc pode me ajudar, como faço, qual o codigo que posso colocar nesse formulario para enviar uma confirmação por email, tipo a pessoa enviou a mensagem informou seu email, qual comando coloco para ele receber a confirmação?@@programacaoweb

  • @Dev_irresponsavel
    @Dev_irresponsavel 4 หลายเดือนก่อน

    Salvou de mais!!!
    Estava a 2 dias batendo cabeça tentando salvar meu formulário no BD. 👏🏿👏🏿

    • @domprodutora9910
      @domprodutora9910 3 หลายเดือนก่อน

      kkkk eramos 2 então, fiz até um curso de mySQL

    • @junioruchihabe4300
      @junioruchihabe4300 3 หลายเดือนก่อน

      @@domprodutora9910 eu não consegui,fiz igualzinho do video e não foi

  • @FranciBahamult
    @FranciBahamult 2 หลายเดือนก่อน +1

    Tem como usar o Google driver para guardar os dados?

  • @lippz4848
    @lippz4848 3 หลายเดือนก่อน +1

    Opa, tudo bem? Primeiramente parabéns pelos ensinamentos.
    Gostarai de tirar uma dúvida, fiz o formulário tudo certo e o banco de dados em PHP, mas quando eu preencho o formulário, as informações não vão para o MySQL, pode me ajudar?

  • @diogoalmeida2470
    @diogoalmeida2470 27 วันที่ผ่านมา

    Quando clico em admin do mysql da erro de extensão ausente, alguém sabe como resolvo ?

  • @SamelaOliveira27
    @SamelaOliveira27 3 หลายเดือนก่อน

    ganhou uma inscrita, sua aula foi ótima e muito esclarecedora; estou com um trabalho pra fazer que a faculdade pediu só que precisa ter php, mysql e javascript tbm. Pode me dar uma dica por favor, pois não sei muito sobre javascript ainda. Como posso acrescentar pelo menos um pouquinho de javascript no meio de todo este formulário? Vou usar o seu como base, só vou fazer algumas mudanças, vc me salvou kkkkkk

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน +1

      Oi Sâmela. Você pode fazer uma validação de campos no JavaScript, antes de enviar os dados para o PHP. Por exemplo, verificar se os campos não estão vazios. Veja um exmeplo 👉 chat.openai.com/share/290a7c17-a6de-4eee-80cf-43100af0d060 .Abraço!

    • @SamelaOliveira27
      @SamelaOliveira27 3 หลายเดือนก่อน

      @@programacaoweb muito obrigada, vou dar uma olhada :)

  • @oxenburguer7279
    @oxenburguer7279 11 หลายเดือนก่อน

    Oi, Professor. Me tira uma dúvida: Esse vídeo vai ser colocado lá na plataforma para quem é aluno ou ele ficará somente aqui no TH-cam mesmo? Valeu!

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน

      Vai ter aqui no TH-cam e lá também. Abraço!

  • @spectro2.0
    @spectro2.0 11 หลายเดือนก่อน

    Quais os outros cursos que tenho acesso pelo seja membro aqui do seu canal? Estou pensando em assinar

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน +1

      Olá. Outros cursos da área de membros são: jQuery, Bootstrap 5, PHP, PHP Orientado a Objetos, React e Node JS. Abraço!

    • @spectro2.0
      @spectro2.0 11 หลายเดือนก่อน

      Muito bom obrigado@@programacaoweb

  • @codetechannel
    @codetechannel 11 หลายเดือนก่อน

    Faz vídeo sobre Bootstrap

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน

      Olá. Temos um curso completo de Bootstrap para membros do canal 👉 th-cam.com/video/e6WqOYKIT_w/w-d-xo.html . Caso queira se tornar membro 👉 youtube.com/@programacaoweb/join .Um abraço!

  • @enockjr5048
    @enockjr5048 หลายเดือนก่อน

    Tem como salvar no excell

  • @lukinha0572
    @lukinha0572 2 หลายเดือนก่อน

    quando vou no xampp e clico em admin do Mysql, o localhost não carrega, o que posso fazer?

    • @programacaoweb
      @programacaoweb  2 หลายเดือนก่อน

      O que acontece? Não fica verde no painel?

  • @theshadowdarkin
    @theshadowdarkin หลายเดือนก่อน

    como eu posso fazer com que meu professor da casa dele consiga acesso a esses dados para me avaliar em um projeto que fiz com base em tudo nesse video?

  • @theyllonviegas172
    @theyllonviegas172 4 หลายเดือนก่อน

    "O URL solicitado não foi encontrado neste servidor." O meu fica aparecendo está mensagem quando tento enviar o formulário, alguém ajuda ?

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน

      Olá. Isso significa que o caminho passado para o arquivo que vai processar teu formulário está errado ou não existe. Outra opção, se estiver usando um servidor PHP como Xampp é que ele não está ligado. Abraço!

  • @junioruchihabe4300
    @junioruchihabe4300 3 หลายเดือนก่อน

    boa tarde serve pra armazenar logins e senhas? ou nao da pra ver as senhas?

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน

      Oi Junior. Sim o processo é semelhante. Só nesse caso você precisa fazer a validação dos dados e também criptografar a senha para não ficar exposta no seu banco, por questões de segurança. Abraço!

  • @Tartarus2008
    @Tartarus2008 3 หลายเดือนก่อน

    Ola .
    Fiz tudo na ordem.
    Na hora que clico em enviar, o navegador faz um download em php kkkk. O que pode ser ?

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน

      Olá. Isso acontece quando o servidor PHP não está ativado. Ai o seu navegador vai tentar baixar o arquivo PHP em vez de executá-lo como um script. Ativa o Xampp que vai funcionar. Abraço!

  • @user-kv4jd3vl3j
    @user-kv4jd3vl3j 7 หลายเดือนก่อน

    Preciso que quando a pessoa clique no botão enviar ele armazena os dados e envia a pessoa para um link

    • @programacaoweb
      @programacaoweb  7 หลายเดือนก่อน

      Olá. Você pode redirecionar o usuário usando o seguinte comando na página que tratou os dados 👉 header("Location: www.exemplo.com/nova_pagina.php");

  • @tiagoborges5108
    @tiagoborges5108 11 หลายเดือนก่อน

    Só uma questão a data e hora não são números?

    • @programacaoweb
      @programacaoweb  11 หลายเดือนก่อน

      Oi Tiago. Ótima pergunta! Parece que datas e horas são números, mas na verdade elas são um formato de dado especial, já que usamos para definir tempo, como anos, meses, dias e até segundos. O formato oficial para esse tipo de dado é DATE e DATETIME. Eu particularmente prefiro armazenar como strings (varchar) (texto) por que isso dá mais flexibilidade para lidar com diferentes formatos, como "dd/mm/yyyy" (padrão brasileiro) ou "yyyy-mm-dd" (padrão internacional). Mesmo sendo texto você ainda pode fazer operações e cálculos, como encontrar datas após um certo ponto ou calcular diferenças com a manipulação do texto usando métodos de conversão e quebra de texto. Eu acho mais simples dessa forma. Forte abraço!

  • @andrecarrijo9768
    @andrecarrijo9768 5 หลายเดือนก่อน

    Como faço para colocar esse site na web?? Irei juntar esse formulário com outro site que criei com HTML e CSS.
    Tem que pagar para rodar na web?

    • @programacaoweb
      @programacaoweb  5 หลายเดือนก่อน +1

      Oi Andre. Como nesse projeto utilizamos PHP você vai precisar de uma hospedagem que rode PHP. Uma opção gratuita é 👉 www.infinityfree.com/ .Abraço!

    • @andrecarrijo9768
      @andrecarrijo9768 5 หลายเดือนก่อน

      @@programacaoweb Muito obrigado!! Agora para fazer um site completo com esse formulário (no caso seria só HTML e CSS), é só juntar os 2 projetos? Já que meu site já está 'pronto'

  • @user-fc4nv3ww3d
    @user-fc4nv3ww3d 8 หลายเดือนก่อน

    Professor Dimitri, muito boa a sua aula e didática, aprendi muitas coisa com seus videos. Mas nesse formulário, estou com um problema na hora de enviar os dados para o banco, quando eu clico no botão enviar, ele me retorna todo o código escrito em Php

    • @programacaoweb
      @programacaoweb  8 หลายเดือนก่อน

      Ola. Está usando algum servidor PHP como o Xampp?

    • @user-fc4nv3ww3d
      @user-fc4nv3ww3d 8 หลายเดือนก่อน

      Estou sim Professor, eu abro o Xampp e inicio o apache e o mySQL

    • @programacaoweb
      @programacaoweb  8 หลายเดือนก่อน

      @@user-fc4nv3ww3d abriu e fechou o PHP? Com . Verifica também o caminho do post do formulário se está correto, inclusive com a extensão.php do arquivo. Sem ver teu código fica difícil dizer o que está errado. Mas deve ser algo básico. Abraço!

    • @JohnSantos-ef6qn
      @JohnSantos-ef6qn 8 หลายเดือนก่อน

      @@programacaoweb consegui resolver escrevendo esse comando: skip-grant-tables no arquivo My.ini que fica na pasta bin do mySQL. Obrigado professor pelas dicas e pelo retorno. Continuarei assistindo seus videos para adquirir mais conhecimento. Abraço!

    • @sarahvitoria4497
      @sarahvitoria4497 6 หลายเดือนก่อน

      @@JohnSantos-ef6qn voce colocou esse comando em que lugar?

  • @sarahvitoria4497
    @sarahvitoria4497 6 หลายเดือนก่อน

    boa tarde! Me ajuda, por favor? depois que aperto enviar, não aparece a mensagem "mensagem enviada com sucesso" e sim o código php

    • @programacaoweb
      @programacaoweb  6 หลายเดือนก่อน

      Boa tarde. Quando isso acontece é que você não está rodando o projeto num servidor que interprete PHP. Você precisa estar rodando o projeto num servidor PHP, como Xampp. Forte abraço!

    • @sarahvitoria4497
      @sarahvitoria4497 6 หลายเดือนก่อน

      @@programacaoweb Não entendi direito, poderia me explicar melhor? Fiz exatamente como está no video com o xampp

    • @programacaoweb
      @programacaoweb  6 หลายเดือนก่อน

      Ué... nesse caso tem alguma outra coisa errada. No teu arquivo PHP foi feito a abertura e fechamento do PHP com será?

    • @sarahvitoria4497
      @sarahvitoria4497 6 หลายเดือนก่อน

      @@programacaoweb foi sim, conferi certinho

    • @sarahvitoria4497
      @sarahvitoria4497 6 หลายเดือนก่อน

      @@programacaoweb bom dia! descobri o erro kkkkkk tava abrindo em file:/// e não no localhost, viajei aqui foi uma falta de atenção, muito obrigada!! você explica super bem

  • @andersonlatorrecabral3282
    @andersonlatorrecabral3282 7 หลายเดือนก่อน

    Na coluna da hora, aqui no meu campo ele salva a hora errada

    • @programacaoweb
      @programacaoweb  7 หลายเดือนก่อน +1

      Olá Anderson. Se a sintaxe da hora está correta, mas o horário que aparece está diferente da hora certa, provavelmente é a configuração de fuso horário do servidor que está diferente da sua localização. Você pode definir o fuso horário usando a função date_default_timezone_set. Você pode colocar assim uma linha antes de pegar a hora:
      date_default_timezone_set('America/Sao_Paulo');
      Embora fique São Paulo como referência (não me pergunte por que) esse timezone vai mostrar o horário de Brasília. Abraço!

  • @julinuz
    @julinuz 3 หลายเดือนก่อน +1

    Dei um deslike porque, smtp (Simple Mail Transfer Protocol) é um equivoco, o correto é STMT (Statement).
    Você evitou uma vulnerabilidade de SQL Injection quando usou os parâmetros no INSERT INTO mas não evitou um ataque Cros Site Scripting dentre outros ataques que serão possíveis usando seu código...
    OBS.: AOS INEXPERIENTES NÃO COLOQUEM ESSE CODIGO EM PRODUÇÃO, HÁ RISCOS!

    • @programacaoweb
      @programacaoweb  3 หลายเดือนก่อน +2

      Que pena que deu seu deslike. Sem problemas. Mas vamos algumas considerações: Primeiro que "$smtp" é apenas o nome que dei para a variável e não um protocolo utilizado no código. Diga-se de passagem SMTP como protocolo é para emails e não tem nada haver com o contexto da aula. Não estamos trabalhando com emails aqui. Poderia ter chamado esta variável de qualquer nome, não faria diferença. Poderia ter chamado essa variável de $STMT para ter deixado você feliz e não dar o deslike...uma pena. Sobre o Cross-Site Scripting (XSS) (se escreve com dois s) , você está corretíssimo. Não fizemos nenhuma validação na entrada dos dados. Se você tiver um pouco de discernimento, vai perceber que essa aula simples é para iniciantes entenderem o fluxo de comunicação entre um formulário e um banco de dados. Tema esse do vídeo. Não lidamos com todos os aspectos de segurança envolvidos, que envolveria se fosse para valer, muito mais do que apenas SQL Injection e Cross-Site Scripting. De qualquer forma agradeço o comentário e reintero aqui em baixo o seu comentário gritando para chamar a atenção:
      O JULINUZ ESTÁ CERTO, NÃO COLOQUE ESSE CÓDIGO DE EXEMPLO PARA INICIANTES EM PRODUÇÃO!!!
      Abraço e fique em paz.