Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Gostaria de fazer um formulário como esse:
http://www.soap.com.br/contato/
Alguem pode me ajudar?
Att,
Lucas Leite
Eu não sei montar, caso tenha algum código ai eu ficaria grato :)
Abs
Olá,
Para você ter uma idéia de como funciona, faça o seguinte, clique com o botão direito do mouse em cima da pagina -> código fonte e da uma pesquisada no funcionamento básico e quando tiver dúvidas, retorne que lhe ajudaremos.
Achei bem feio o estilo deste formulário do site amigo, e ele usa CSS ali também.
Você quer um código completo de formulário de login de bandeja?
Assim você não vai aprender, tente pegar algum exemplo por ai, e entenda o código por completo.
Depois disso, vai com certeza fazer um sozinho. Abraços.
simples meu amigo
<form method="post" action="">
<label>Nome</label> <input type="text" name="nome" placeholder="Aqui o nome!..."> <br>
<label>Assunto</label><input type="text" name="assunto" placeholder="Assunto aqui..."> <br>
<label>Mensagem</label><br > <textarea name="mensagem"> Mensagem...</textarea>
</form>Cara tive já varias duvidas onde me bati por diversas vezes.
Segue um código que funciona, apenas adapte ao modelo que deseja.
Formulário em HTML
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Contato</title>
</head>
<body>
<br>
<img style='margin:0px; margin-left:100px;' src="logomarca.png" align='left'/> <br>
<img style='margin:0px; margin-left:100px;' src="AR_banner.png" align="left">
<div> <!--***Altura do Menu***-->
<style type="text/css">
* { margin:0;
padding:0;
}#copyright {
margin:100px auto;
width:80%;
font:12px 'Trebuchet MS';
color:#bbb;
text-indent:20px;
padding:40px 0 0 0;
}</style>
<br><br><br><br><br>
<script> <!--***validar formulario***-->
function validar(formulario){
if(formulario.nome.value == ''){
alert("O campo NOME é obrigatório.");
return false;
}
if(formulario.email.value == ''){
alert("O campo EMAIL é obrigatório.");
return false;
}
if(formulario.email.value.indexOf(('@' && '.'),0)== -1){
alert("EMAIL invalido.");
return false;
}
if(formulario.assunto1.value == ''){
alert("O campo ASSUNTO é obrigatório.");
return false;
}
if(formulario.mensagem.value == ''){
alert("O campo MENSAGEM é obrigatório.");
return false;
}
if(formulario.mensagem.value.length < 10){
alert("A MENSAGEM está muito curta.");
return false;
}
return true;
}
</script> <!--***fim validar formulario***-->
<div><font face="Trebuchet MS">
<center>Para se comunicar conosco, basta preencher os dados logo abaixo, ou<br>
se preferir pode enviar um email para seu email</center>
<br><br>
</div>
<body>
<div style='margin:0px; margin-left:200px;'>
<form id="formulario" name="contato" method="post" onsubmit="return validar(this);" action="enviar.php">
<table>
<tr>
<td><label>Nome: </label></td>
<td><input type="text" name="nome" size="51" /><small>*</small><br class="clear" /></td>
</tr>
<tr>
<td><label>Telefone: </label></td>
<td><input type="text" name="telefone" size="51" /><br class="clear" /></td>
</tr>
<tr>
<td><label>Email: </label></td>
<td><input type="text" name="email" size="51" /><small>*</small><br class="clear" /></td>
</tr>
<tr>
<td><label>Assunto: </label></td>
<td><input type="text" name="assunto" size="51" /><small>*</small><br class="clear" /></td>
</tr>
</table>
<tr>
<td><label>Mensagem:</label><textarea name="mensagem" cols="40" rows="7" ></textarea><small>*</small><br class="clear" /></td>
<span>(<small>*</small>) Campos são obrigatórios.</span><br class="clear" />
<td><input type="submit" class="botao" name="enviar" value="Enviar" /></td>
<td><input type="reset" class="botao" name="limpar" value="Limpar" /><br class="clear" /></td>
</tr>
</form>
</div>
</body>
</body>
</html><?php
$date = date("d/m/Y h:i");// **** ATENÇÃO ******
// ABAIXO ESTÁ A CONFIGURAÇÃO DO SEU FORMULÁRIO.
// **** ATENÇÃO ******
// RECEBE OS VALORES VINDO DO FORMULÁRIO E ATRIBUI AS VARIÁVEIS
$nome = $_POST['nome'];
$mae = $_POST['mae'];
$telefone = $_POST['tel'];
$email = $_POST['email'];
$endereco = $_POST['endereco'];
$numero = $_POST['numero'];
$bairro = $_POST['bairro'];
$cep = $_POST['cep'];//CABEÇALHO - CONFIGURAÇÕES SOBRE SEUS DADOS E SEU WEBSITE
$nome_do_site="nome";
$email_para_onde_vai_a_mensagem = "seu email";
$nome_de_quem_recebe_a_mensagem = "nome";
$exibir_apos_enviar='enviado.html';//MAIS - CONFIGURAÇOES DA MENSAGEM ORIGINAL
$cabecalho_da_mensagem_original="From: $nome <$email>\n";
$assunto_da_mensagem_original="Contato no Site";
$assunto = "site";// FORMA COMO RECEBERÁ O E-MAIL (FORMULÁRIO)
// ****** OBS: SE FOR ADICIONAR NOVOS CAMPOS, ADICIONE OS CAMPOS NA VARIÁVEL ABAIXO ***********
$configuracao_da_mensagem_original="
ENVIADO POR:\n
Nome: $nome\n
Mae: $mae\n
Telefone: $telefone\n
Email: $email\n
Endereco: $endereco\n
Numero: $numero\n
Bairro: $bairro\n
CEP: $cep\n
ENVIADO EM: $date
";
//CONFIGURAÇÕES DA MENSAGEM DE RESPOSTA
// CASO $assunto_digitado_pelo_usuario="s" ESSA VARIAVEL RECEBERA AUTOMATICAMENTE A CONFIGURACAO
// "Re: $assunto"
$assunto_da_mensagem_de_resposta = "Confirmação";
$cabecalho_da_mensagem_de_resposta = "From: $nome_do_site < $email_para_onde_vai_a_mensagem>\n";
$configuracao_da_mensagem_de_resposta="Obrigado por entrar em contato!\nEstaremos respondendo em breve...\nAtenciosamente,\n$nome_do_site\n\nEnviado em: $date";// **** IMPORTANTE ******
// A PARTIR DE AGORA RECOMENDA-SE QUE NÃO ALTERE O SCRIPT PARA QUE O SISTEMA FINCIONE CORRETAMENTE
// **** IMPORTANTE ******
//ESSA VARIAVEL DEFINE SE É O USUARIO QUEM DIGITA O ASSUNTO OU SE DEVE ASSUMIR O ASSUNTO DEFINIDO
//POR VOCÊ CASO O USUARIO DEFINA O ASSUNTO PONHA "s" NO LUGAR DE "n" E CRIE O CAMPO DE NOME
//'assunto' NO FORMULARIO DE ENVIO
$assunto_digitado_pelo_usuario="s";
//ENVIO DA MENSAGEM ORIGINAL
$headers = "$cabecalho_da_mensagem_original";
if($assunto_digitado_pelo_usuario=="n"){
$assunto = "$assunto_da_mensagem_original";
}
$seuemail = "$email_para_onde_vai_a_mensagem";
$mensagem = "$configuracao_da_mensagem_original";
mail($seuemail,$assunto,$mensagem,$headers);//ENVIO DE MENSAGEM DE RESPOSTA AUTOMATICA
$headers = "$cabecalho_da_mensagem_de_resposta";
if($assunto_digitado_pelo_usuario=="n"){
$assunto = "$assunto_da_mensagem_de_resposta";$assunto = "Re: $assunto";
}
$mensagem = "$configuracao_da_mensagem_de_resposta";
mail($email,$assunto,$mensagem,$headers);
echo "<script>window.location='$exibir_apos_enviar'</script>";
?>O interessante é você dar uma estudada nisso, não é difícil e tem varias formas de adicionar mais campos ao formulário.
Tive diversas duvidas no inicio e com a ajuda do pessoal e com um empenho pessoal consegui acertar os códigos.
É só ir montando, qual a dificuldade?