Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lucasapoll

Formulário completo - Alguém tem?

Por , em Desenvolvimento frontend

Recommended Posts

angelorubin    142

angelorubin
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

zBuuush    2

zBuuush
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

LucasCairesF    8

LucasCairesF
Postado

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>

Pronto amigo! Agora você cria o action ae! e estilize-o usando CSS

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilherme    0

Wilherme
Postado

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;
}
body { background:#555 url(images/back.jpg); }
#menu { top:50px; } 
#copyright {
    margin:100px auto;
    width:80%;
    font:12px 'Trebuchet MS';
    color:#bbb;
    text-indent:20px;
    padding:40px 0 0 0;
}
#copyright a { color:#bbb; }
#copyright a:hover { color:#fff; }
</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>

enviar.php

 

<?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";
}else{
$assunto = "Re: $assunto";
}
 
$mensagem = "$configuracao_da_mensagem_de_resposta";
mail($email,$assunto,$mensagem,$headers);
echo "<script>window.location='$exibir_apos_enviar'</script>";
 
?>

Você vai ter que fazer uma pagina para referenciar o enviado.html

 

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito