Tutorial - Criar Formulário de Contato Com PHP+Dreamweaver
Vamos criar um formulário básico de contato para um site, como o exemplo abaixo:
Pré-Requisitos: Macromedia Dreamweaver e uma familiaridade com php.
Objetivo: Criar um formulário de contato através do Dreamweaver junto com o PHP.
Conteúdo: Vamos criar os campos do nosso formulário. Crie um novo documento no Dreamweaver (ctrl+n) e salve (ctrl+s) como form.html. Insira um formulário (Insert > Form > Form). Agora insira o campo que receberá o Nome (Insert > Form > Text Field).
Insira mais dois campos Text Field para o E-mail e o Assunto. Agora vamos inserir o campo de mensagem que será do tipo textarea (Insert > Form > Textarea).
E por fim, o botão submit (Insert > Form > Button ) que irá enviar o formulário para seu e-mail.
Na tag do formulário mude algumas propriedades como no exemplo abaixo:
Código:
< form action=”formulario.php” method=”post” name=”form_mxstudio” id=”form_mxstudio”> 1. ACTION = nome do arquivo que será chamado ao submeter o formulário; 2. METHOD = POST; 3. NAME = Dê um nome ao seu formulario; 4. ID = Dê um nome ao ID.
Agora vamos dar nome aos campos. Selecione cada campo e dê um nome a ele.
Código:
Campo Nome = < input name=”nome” type=”text” id=”nome” size=”33″> ; Campo Email = < input name=”email” type=”text” id=”email” size=”33″> ; Campo Assunto = < input name=”assunto” type=”text” id=”assunto” size=”33″> ; Campo Mensagem = < input name=”mensagem” type=”text” id=”mensagem” size=”33″>
Seu código HTML deve ficar mais ou menos como abaixo:
Agora vamos criar o arquivo que irá enviar esse formulário para seu email. Não é necessário um conhecimento mais avançado em php para entender o código. Lembre-se que estamos usando o método POST para enviar o formulário. Para que você possa entender como está vindo os dados do seu formulário, crie um novo documento e salve como formulario.php e digite o seguinte:
Repare que os registros estão vindo em uma array, vamos juntar os dados para enviar para o email. Código php:
Código:
<?php
/*A variável $mensagem recebe os dados da array. Repare que estamos concatenando de acordo com o formato que queremos receber no email. O \n é uma quebra de linha. */ $mensagem = “Nome: “.$_POST[’nome’].” \n”; $mensagem .= “Email: “.$_POST[’email’].” \n”; $mensagem .= “Email: “.$_POST[’assunto’].” \n”; $mensagem .= “Descrição:”. $_POST[’mensagem’]; /* Função Mail: Primeiro parâmetro: Coloque o email que vai receber os dados do formulário; Segundo parâmetro: Coloque o titulo do email; Terceiro parâmetro: Os dados do formulário. */ mail(”seu-email@provedor.com.br”, “Formulário - MX Studio”, $mensagem);
/* Mensagem que será impressa na tela após o envio do formulário. */ echo ‘<h1>Enviado com Sucesso!</h1>’; echo ‘<h1>Em breve entraremos em contato.</h1>’; ?>
Para quem quer colocar uma validação de campos obrigatórios no seu formulário, faça o seguinte:
Código:
<script language=javascript> function validar() { var valido = false;
with(document.form_mxstudio) { if (nome.value.length == 0){ valido = false; nome.focus(); alert (’Campo nome obrigatório.’);
apesar de eu usar mais o ftp do meu site pois e onde meu addons esta hospedado vo testar pra ver
Tive dificuldade em fazer o código PHP funcionar.
Precisei alterar as (aspas) " e os (Apostófos) ' Ai funcionou bem legal
Agradeço!
ai velho como faço um formulario que ao digitar assim :) va uma imagem?
Muiiito bom manolo tive que modificar também umas Aspas e uns Pontos e Reformular todo o Conteudo mais fico Legal. Agradeço pelo Básico kkk por esse ai fiz um Avançado ~~ VLW
