Fala galera vou posta aqui no meu blog um formulário de contato.
Esse formúlario e bem simples e de fácil compreenção.
*Obs: Usei o Dreamweaver cs4
*Obs: Usei o Dreamweaver cs4
Acompanhe...
1ºpasso - Vamos criar o nosso Formulário de Contato .
Nome do Arquivo: 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"> <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>
Nesse formulario está com o javascript para os campos obrigatórios é praticamente
é um formulário completo.
2º Passo - Agora vamos fazer o script que vai enviar tudo que foi adicionado noscampos do nosso formulário de contato.
<? // 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> "; // para quem sera enviado o formulário de contato mail("anonimo@dominio.com.br", $subject, $msg, $mailheaders); ?> <script language="Javascript"> // para onde sera redirecionada quando for enviado o contato alert( "Formulário enviado com sucesso !" ); document.location = 'contato.php'; </script>
É Isso ai galera, espero que gostem.
0 comentários:
Postar um comentário