Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia a Todos venho aqui no Fórum do iMasters falar de uma questão que muitos já vinheram me perguntar.
Como fazer um Formulário de Contato .
Bem isso é bem simples
1° Vamos criar o nosso Formulário de Contato
nome contato.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FORMULARIO DE CONTATO</title>
<style type="text/css">
.cham1 {
font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size: 9px;
color: #000000;
text-decoration: none;
}
.txt {
font-family: Verdana;
font-size: 9px;
text-decoration: none;
color: #4D402B;
}
</style>
<script language=JavaScript>
function Envia() {
var f = document.envia_contato;
if( !f.nome.value ) {
alert( "O campo NOME não foi preenchido corretamente !" );
f.nome.focus(); return;
}
if( !f.email.value ) {
alert( "O campo E-MAIL não foi preenchido corretamente !" );
f.email.focus(); return;
}
if( !f.assunto.value ) {
alert( "O campo ASSUNTO não foi preenchido corretamente !" );
f.assunto.focus(); return;
}
if( !f.mensagem.value ) {
alert( "O campo MENSAGEM não foi preenchido corretamente !" );
f.mensagem.focus(); return;
}
f.submit();
return;
}
</SCRIPT>
</head>
<body bgcolor="#999999">
<table width="59%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<form action="envia_contato.php" method="post" enctype="multipart/form-data" name="envia_contato" id="envia_contato" onsubmit="return false;">
<tr>
<td width="395">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="388" height="17" align="left" class="cham1"> <strong>Nome* : </strong></td>
</tr>
<tr>
<td align="left"> <input name="nome" type="text" class="txt" id="nome" value="" size="50" /></td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td width="388" height="17" align="left" class="cham1"> <strong>E-Mail* : </strong></td>
</tr>
<tr>
<td align="left"> <input name="email" type="text" class="txt" id="email" value="" size="50" /></td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td width="388" height="17" align="left" class="cham1"> <strong>Telefone : </strong></td>
</tr>
<tr>
<td align="left"> <input name="telefone" type="text" class="txt" id="telefone" value="" size="50" /></td>
</tr>
</table></td>
</tr>
<tr align="left" valign="top">
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="6"></td>
</tr>
<tr>
<td height="17" align="left" class="cham1"> <strong>Assunto* : </strong></td>
</tr>
<tr>
<td align="left"> <input name="assunto" type="text" class="txt" id="assunto" value="" size="60" /></td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td height="17" align="left" class="cham1"> <strong>Mensagem* : </strong></td>
</tr>
<tr>
<td align="left"> <textarea name="mensagem" cols="60" rows="6" class="txt" id="mensagem"></textarea></td>
</tr>
</table></td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr align="center" valign="middle">
<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="45" align="center" valign="middle">
<input name="button" type="button" class="cham1" value="enviar" onclick="java script:Envia();" />
<input name="reset" type="reset" class="cham1" value="limpar formulário" /></td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
</tr>
</form>
</table>
</body>
</html>agora vamos fazer o script que vai enviar tudo que foi adicionado nos campos do nosso formulário de contato
enviar_contato.php
<?
// aqui fica o Titulo do seu formulario de contato
$subject = "CONTATO - FORMULÁRIO DE CONTATO";
// aqui fica o Nome e o email da pessoa que enviou o contato caso queira responder
$mailheaders = "From: $nome<$email>\nContent-Type: text/html\n";
// aqui fica os dados enviados no formulário de contato
$msg = "
<html>
<head>
<title>CONTATO - FORMULÁRIO DE CONTATO</title>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
<style type='text/css'>
.shop {
font-family: Verdana;
font-size: 10px;
color: #333333;
text-decoration: none;
}
.style3 {
font-family: Verdana;
font-size: 10px;
color: #333333;
text-decoration: none;
font-weight: bold;
}
</style>
</head>
<body text='#000000' link='#333333' vlink='#000000' alink='#000000' leftmargin='0' topmargin='0'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td align='center' valign='top' bgcolor='ffffff'> <table width='321' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td bgcolor='ffffff' class='txt' align='center'>
<table width='321' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr>
<td> </td>
</tr>
</table>
<table width='321' border='0' cellspacing='2' cellpadding='2' align='center'>
<tr>
<td width='25%' align='center' class='style3'>Nome :</td>
<td width='75%' class='shop'>$nome</td>
</tr>
<tr>
<td align='center' class='style3'>E-Mail :</td>
<td class='shop'>$email</td>
</tr>
<tr>
<td align='center' class='style3'>Telefone :</td>
<td class='shop'>$telefone</td>
</tr>
<tr>
<td align='center' class='style3'>Assunto :</td>
<td class='shop'>$assunto</td>
</tr>
</table>
<table width='321' border='0' cellspacing='2' cellpadding='2' align='center'>
<tr>
<td width='75%' class='shop'>$mensagem</td>
</tr>
</table>
<table width='321' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr>
<td align='center'></td>
</tr>
</table>
</td>
</tr>
<tr>
</table>
</td>
</tr>
</table>
</body>
</html>
";mail("anonimo@dominio.com.br", $subject, $msg, $mailheaders);
?>
<script language="JavaScript">alert( "Formulário enviado com sucesso !" );
document.location = 'contato.php';
</script>Muito obrigado a Todos ...
qualquer dúvida sobre o Formulário é so postar ... até mais .... http://forum.imasters.com.br/public/style_emoticons/default/clap.gif
muito bem explicado, mas minha dúvida continua amigo, me ajuda se puder, onde eu coloco o enviar_contato.php, depois que o formulario ta pronto, to desenvolvendo no dreamweaver, nunca pude fazer um curso, queria muito esse formulario no meu site, mas não sei onde coloco o codigo de envio, se puder me ajudar, te agradeço mesmo .. minha pagina: http://www.paulistainfo.kit.net, sei que ta longe der uma pagina, mas como disse nunca fiz um curso, sem condições. obrigado.
Olá, cara mt bom o seu formulario!
Mais assim para sim ñ esta funcionando umas coisa!
E outra coisa ñ estou conseguindo fazer funcionar o enviar_contato.php
Eu preencho o formulario numa boa, mais ele vai enviar ele dar pagina: Não é possível localizar a página da Web
Poderia me dizer o q tem q mudar para funcionar!
Valeu mesmo!
Boa Noite, a Todos
Minha pergunta é o seguinte, eu vou criar este formulário, e gostaria de saber se quando a pessoa (o admin no meu caso) receber este form, tem como vir com um layout?
Tipo, eu quero criar um form de pedido onde vai se assim:
Código Produto Quantidade Valor
E os campos abaixo para serem preenchidos, como eu vou receber isto, vai ficar um embaixo do outro ou vai ficar nesta ordem que eu coloquei?
Obrigado
eu vi uma vez muito boum um tuto de formulario de contato com validação php , caso algum campo naum esteja preenchido corretamente ele dava a mensagem em baixo do campo em vermelho que ele naum foi preenchido isso tudo trado com php sem alert ou qualquer outra coisa achei muito boum..
uma pergunto to testando meu formulario de email mandando as informações pro meu endereço do gmail fiz como foi postado aqui no $mensagem coloquei todo aquele codigo html eu to querendo algo assim mas não sei a mensagem chegou no meu email com os codigos html visiveis o gmail deveria ter algo que pudesse ler o html algo assim num sei se to falando certo ......ou teria mais alguma coisa no codigo ??
vlw
Diego, muito bom este formulário.
Configurei conforme as orientações e funcionou perfeitamente.
Parabéns!!! Muito útil.
esse topico é um modelo de formulario de sugestao que o usuario entra com nome, email e digita uma mensagem que sera enviada para o emial setado no codigo????????
Darei umas sugestões:
1. Se os campos são, deveras, obrigatórios, convém fazer validação com PHP, também. Caso contrário, basta desabilitar JavaScript e conseguimos enviar o formulário vazio. ;)
Abraços,
Beraldo