Crie formulário de contato usando HTML e PHP

O formulário de contato é uma parte muito essencial de qualquer site. Os visitantes do site precisam se comunicar com o proprietário do site para diferentes fins. Ao usar o formulário de contato, os visitantes enviam mensagens ao administrador ou proprietário do site com as informações de contato. O administrador ou o proprietário do site pode responder aos visitantes depois de ler e considerar a importância de sua mensagem. Você pode criar um formulário de contato para qualquer site de várias maneiras. Como você pode criar um formulário de contato simples e um formulário de contato responsivo usando HTML, CSS, Bootstrap e PHP foi mostrado neste tutorial.

Formulário de contato simples

A maneira de projetar um formulário de contato simples usando HTML, CSS e PHP foi mostrado nesta parte do tutorial.

Código HTML e CSS:

Crie um arquivo php nomeado simples_contact_form.php Com o script a seguir para exibir o formulário de contato usando apenas HTML e CSS. O script PHP será adicionado posteriormente para validar o formulário e exibir os dados do formulário enviado.

FORMULÁRIO DE CONTATO

Nome


E-mail


Mensagem

Agora, execute o simples_contact_form.php arquivo do servidor. A saída a seguir aparecerá após a execução do script.

Leia, valide e imprima os dados do formulário usando PHP

Agora, adicione o seguinte script PHP no início do simples_contact_form.arquivo php para validar os dados do formulário, ler dados do formulário e imprimir os dados no navegador. Quando o usuário clicará no botão Enviar, os dados do formulário serão verificados quanto à validação usando o script PHP. Se os dados enviados serão validados, os dados serão impressos no navegador.

Código PHP:

Adicione o seguinte código PHP no início do simples_contact_form.php arquivo.

$ name = "";
$ nameerr = "";
$ email = "";
$ e -mailr = "";
$ message = "";
$ messageRerr = "";
$ error = false;
/ * Verifique os campos necessários */
if (isset ($ _ post ['submmit'])))

$ name = $ _post ['nome'];
$ email = $ _post ['email'];
$ message = $ _post ['mensagem'];
if ($ name == "")

$ nameerr = "Campo não pode estar vazio.";
$ error = true;

caso contrário, se (strlen ($ nome) < 3)

$ nameerr = "o nome deve ser mais de 2 caracteres.";
$ error = true;

outro

$ nameerr = "";

if ($ email == "")

$ e -mailr = "Campo não pode estar vazio.";
$ error = true;

caso contrário, se (!filtro_var ($ email, filter_validate_email))

$ e -mailr = "endereço de e -mail inválido.";
$ error = true;

outro

$ e -mailr = "";

if ($ message == "")

$ messageRerr = "Campo não pode estar vazio.";
$ error = true;

caso contrário, se (strlen ($ mensagem) < 10)

$ messageerr = "A mensagem deve ser mais de 9 caracteres.";
$ error = true;

outro

$ messageRerr = "";

if ($ error == false)

$ name = $ nome;
$ para = '[email protected] ';
$ de = $ email;
$ sujeito = 'inquérito';
$ body = 'Olá,

'.$ mensagem.'

Obrigado,
'.$ nome;
eco "para:".$ para."
De: ".$ de."
Assunto: ".$ sujeito."

---

".$ corpo;


se(!ISSET ($ _ POST ['SUPERT']) || $ error == true)

?>

Adicione o seguinte código PHP no final do simples_contact_form.php arquivo.

?>

Se o formulário for enviado mantendo todos os campos vazios, a seguinte saída aparecerá.

Se o formulário for enviado digitando menos de 9 caracteres nos campos de mensagem, a saída a seguir será exibida.

Se o formulário for enviado com todos os dados válidos, a seguinte saída será exibida.

Ao usar os códigos acima, você pode criar facilmente um formulário de contato muito simples para o seu site. Mas este formulário não é um formulário de contato responsivo. A maneira de tornar essa forma responsiva foi demonstrada na próxima parte deste tutorial.

Formulário de contato responsivo

A maioria dos sites é projetada com recursos responsivos agora. A maneira de converter o formulário de contato simples criado anteriormente em um formulário de contato responsivo usando o bootstrap foi mostrado nesta parte do tutorial.

Código HTML:

Crie um arquivo php nomeado Responsive_contact_form.php com o script a seguir para exibir o formulário de contato responsivo usando HTML e Bootstrap. O script PHP será adicionado posteriormente para validar o formulário e exibir os dados do formulário enviado.

>