HTML Pegar dados do Formulário

[Idbrasildigital Certificados]

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.

[Gugatxr]

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.
 

 

[Idbrasildigital Certificados]

@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?

[Gugatxr]

@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 = '[email protected]';
$emailPara = "[email protected]";

/**
 * 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>

 

[Idbrasildigital Certificados]

@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.