Ir ao conteúdo
  • Cadastre-se

HTML Pegar dados do Formulário


Ir à solução Resolvido por Gugatxr,

Posts recomendados

Olá, sou novo no fórum.

Baixei um html já pronto, e o formulário de contato está assim:

<form action="subscribe-confirmation.html" class="form form-subscription">
                                <div class="input-group mb-3 mb-sm-4">
                                    <input type="name" class="form-control rounded-full" placeholder="Nome completo" required>
                                </div>
                                <div class="input-group mb-3 mb-sm-4">
                                    <input type="phone" class="form-control rounded-full" placeholder="Telefone/celular" required>
                                </div>
                                <div class="input-group mb-3 mb-sm-4">
                                    <input type="email" class="form-control rounded-full" placeholder="Insira seu email" required>
                                    <button class="btn rounded-full btn--submit btn--color-primary btn--bg-white" type="submit">
                                        <span class="btn__text">Cadastrar</span>
                                    </button>
                                </div>
                                
                            </form>

Como eu posso enviar os dados preenchidos pro meu email? Nos outros vinha em JS ou no próprio html uma programação só para alterar o email e os dados do servidor imap mas nesse template só tem isso em relação ao formulário.

Link para o comentário
Compartilhar em outros sites

Bom dia,
Para você enviar os dados por email.

Tem duas opções que conheço:
1 - Utilizar uma linguagem de servidor para pegar os dados e mandar por email, com PHP por exemplo.
2 - Utilizar um serviço externo, como API, assim tu manda com o javascript a informação. 

 

A 2 nunca fiz, mas sei que existem alguns serviços prontos. 
Se você tem uma hospedagem com email e PHP habilitado irá conseguir fazer a 1 sem problemas.
 

 

Link para o comentário
Compartilhar em outros sites

@Gugatxr Hmmm, a opção dois que citou acredito que não valeria a pena até porque os serviços que oferecem a API são pagos e quanto menor o custo melhor. Tentei fazer em PHP essa ação para pegar os dados, só que não consegui achar um guia ou a programação pronta, estou no quarto período de engenharia da computação e ainda não sei fazer uma programação simples em PHP, acredita?

Link para o comentário
Compartilhar em outros sites

  • Solução

@Idbrasildigital Certificados Cara segue um exemplo bem simples de como tu pode fazer. 

 

Se tu for rodar no teu computador, talvez não funcione o envio dos emails porque não tem o servidor de email configurado.

Eu fiz um curso técnico, então foi bem direto ao ponto na programação, mas tu aprendeu alguma outra linguagem na faculdade? 

Tenho pensado em iniciar uma faculdade, mas fica na dúvida entre engenharia ou ciencias.

 

<?php

/**
 * Configurar aqui os email para receber e remetente
 */
$emailFrom = 'eu@seudominio.com';
$emailPara = "meu-email@gmail.com";

/**
 * Pega dados do formulario e transforma em armazena nas variaveis.
 * O segundo parametro é o nome do input
 */
$nome = filter_input(INPUT_POST, 'name');
$telefone = filter_input(INPUT_POST, 'phone');
$email = filter_input(INPUT_POST, 'email');

/**
 * Só envia caso esteja preenchido todas as 3 variaveis
 */
if (!empty($nome)
    && !empty($telefone)
    && !empty($email)
) {
    $headers = "MIME-Version: 1.1\r\n";
    $headers .= "Content-type: text/plain; charset=UTF-8\r\n";
    $headers .= "From: $emailFrom\r\n"; // remetente
    $headers .= "Return-Path: $emailFrom\r\n"; // return-path

    /** o \n é a quebra de linha */
    $conteudo = "Nome: $nome \n"    
        . "Telefone: $telefone \n"
        . "Email: $email" ;

    $envio = mail($emailPara, "Assunto: Contato Site",  $conteudo, $headers);
    
    /** Mostra uma mensagem caso tenha enviado com sucesso */
    if($envio){
        echo "Mensagem enviada com sucesso";
    } else {
        echo "A mensagem não pode ser enviada";
    }
}
?>

<form method="POST" class="form form-subscription">
  <div class="input-group mb-3 mb-sm-4">
      <input name="name" type="text" class="form-control rounded-full" placeholder="Nome completo" required>
  </div>
  <div class="input-group mb-3 mb-sm-4">
      <input name="phone" type="text" class="form-control rounded-full" placeholder="Telefone/celular" required>
  </div>
  <div class="input-group mb-3 mb-sm-4">
      <input type="email" name="email" class="form-control rounded-full" placeholder="Insira seu email" required>
      <button class="btn rounded-full btn--submit btn--color-primary btn--bg-white" type="submit">
          <span class="btn__text">Cadastrar</span>
      </button>
  </div>
</form>

 

  • Obrigado 1
Link para o comentário
Compartilhar em outros sites

@Gugatxr Putz, resolveu o seu código aqui! 😎 Sobre a faculdade depende da unidade que for fazer, pública é muito bom e bem direto, eu sou bolsista 100% do ProUni, então é particular, mas daí a  falta de qualidade é da minha unidade mesmo, FATEC-PR, e sobre o curso tem que ver a sua área, Engenharia = Hardware, administração e banco de dados. Ciência = programação, I.A e Big Data. O que se vê de programação em Engenharia é a linguagem bruta/baixo nível com algumas coisas em C. No mercado estão contratando engenherios da computação para ser diretor ou atuar na gerência, então estão se formando nem pra trabalhar na área, já o cientista estão contratando para projetos de I.A principalmente.

  • Curtir 1
Link para o comentário
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Aprenda a ler resistores e capacitores

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!