English:
I'll spend a submission form ready.
First place it within your HTML
HTML Code:
<div class="formulario">
********
********<form action="envia.php" method="POST"> <! - calls envia.php ->
********
********
*******************
********<div class="formulario-texto"> Name </div>
********<div class="formulario-campo">
********<span id="sprytextfield1">
********<input type="text" name="nomeremetente" class="textfield-nome"/>
********<br/> <span class="textfieldRequiredMsg"> Enter your name </span> </span> </div>
********
********
********<div class="formulario-texto"> E-mail </div>
********<div class="formulario-campo"> <span id="sprytextfield2">
********<input type="text" name="emailremetente" class="textfield-nome"/>
********<br/> <span class="textfieldRequiredMsg"> Enter your e-mail </span>
********<span class="textfieldInvalidFormatMsg"> Format Invalid email </span> </span> </div>
********
**********
********
********
********<div class="formulario-texto"> Telephone </div>
********<div class="formulario-campo">
********
********<span id="sprytextfield3">
********<input type="text" name="ddd" class="textfield-ddd />
********Enter your <span class="textfieldRequiredMsg"> DDD </span>
********<span class="textfieldInvalidFormatMsg"> Enter 2 numbers of your DDD </span>
********<span class="textfieldMinCharsMsg"> Enter 2 numbers of your DDD </span>
********<span class="textfieldMaxCharsMsg"> Enter 2 numbers of your DDD </span> </span>
********
********<span id="sprytextfield4">
********<input type="text" name="telefone" class="textfield-telefone"/><br/>
********<span class="textfieldRequiredMsg"> Enter your phone </span>
********<span class="textfieldInvalidFormatMsg"> Invalid format, type your phone as in this example: 78872332 </span> </span> </div>
*******************************************************
********
**********************
********<div class="formulario-texto"> Subject </div>
********<div class="formulario-campo"> <span id="sprytextfield5">
********<input type="text" name="assunto" class="textfield-nome"/>
********<br/> <span class="textfieldRequiredMsg"> Enter the subject </span> </span> </div>
********
********
********<div style="margin: width:100%;"> </div>
********<div class="formulario-texto"> Message </div>
********<div class="formulario-campo"> <span id="sprytextarea1">
********<textarea name="mensagem" cols="35" rows="6"> </textarea>
********<br/> <span class="textareaRequiredMsg"> Enter your message </span> </span> </div>
******************************
********<div>
********<input name="enviar" type="reset" value="Limpar" class="btn-contato-reset"/>
********<input name="enviar" type="submit" value="Enviar" class="btn-contato-enviar"/>
********</Div>
********
********
********</Form>
********
********</Div> <! - End of Content Pages ->
****************
*<! - Flame form validation ->
*
<script type="text/javascript" src="js/SpryValidationTextField.js" language="javascript"> </script>
<script type="text/javascript" src="js/SpryValidationTextarea.js" language="javascript"> </script>
<script type="text/javascript" src="js/SpryValidationSelect.js" language="javascript"> </script>
<script type="text/javascript">
*sprytextfield1 Spry.Widget.ValidationTextField var = new ("sprytextfield1");
*sprytextfield2 Spry.Widget.ValidationTextField var = new ("sprytextfield2", "email");
*sprytextfield3 Spry.Widget.ValidationTextField var = new ("sprytextfield3", "integer", {minChars: 2 maxChars: 2});
*sprytextfield4 Spry.Widget.ValidationTextField var = new ("sprytextfield4");
*sprytextfield5 Spry.Widget.ValidationTextField var = new ("sprytextfield5");
*sprytextarea1 Spry.Widget.ValidationTextarea var = new ("sprytextarea1");
</Script>
also create a page comfirmação shipping, otherwise the user will be lost.
I made the confirmation page simple
Recalling that the form only works if the site is on a server that supports PHP.
My confirmation page looked like this
HTML Code:
</Head>
<body>
<p> Your message was sent successfully </p>
</Body>
PHP Code:
<? Php
/ / Passing data obtained by the form to these variables
$ Sender Name = $ _POST ['Sender Name'];
$ Emailremetente = trim ($ _POST ['emailremetente']);
$ Emaildestinatario = '# # #', / / Enter your email here, remembering that e-mail should be your web server
$ Ddd = $ _POST ['ddd'];
$ Phone = $ _POST ['phone'];
$ Subject = $ _POST ['subject'];
$ Other = $ _POST ['other'];
$ Message = $ _POST ['message'];
*
*
/ * Riding the message to be sent in the body of the email. * /
$ MensagemHTML = '<P> COMPLETED FORM IN SITE # # # # # # # # # </P>
<p> <b> Name: </b> '. $ Sender Name.'
<p> <b> E-Mail: </b> '. $ emailremetente.'
<p> <b> DDD: </b> '. $ ddd.'
<p> <b> Phone: </b> '. $ phone.'
<p> <b> Subject: </b> '. $ subject.'
<p> <b> Message: </b> '. $ message.' </p>
<hr> ';
/ / The sender must be an e-mail from your domain as required by RFC 822.
/ / The return-path must be the same e-mail sender.
$ Headers = "MIME-Version: 1.1 \ r \ n";
$ Headers. = "Content-type: text / html; charset = utf-8 \ r \ n";
$ Headers. = "From: $ emailremetente \ r \ n" / / sender
$ Headers. = "Return-Path: $ emaildestinatario \ r \ n" / / return-path
$ Send = mail ($ emaildestinatario, $ subject, $ mensagemHTML, $ headers);
*
*if ($ shipping)
echo "<script> location.href = 'sucesso.html' </ script>"; / / page to be redirected
?>
Any code placed in this post is attached below.
Any questions following my email:
[Only registered and activated users can see links. Click Here To Register...] and Skype: alvaro.scherer1
Vou passar um formulário de envio pronto.
Primeiramente coloque isto dentro do seu HTML
HTML Code:
<div class="formulario">
<form action="envia.php" method="POST"> <!-- chama o envia.php -->
<div class="formulario-texto">Nome</div>
<div class="formulario-campo">
<span id="sprytextfield1">
<input type="text" name="nomeremetente" class="textfield-nome"/>
<br /><span class="textfieldRequiredMsg">Digite seu nome</span></span></div>
<div class="formulario-texto">E-mail</div>
<div class="formulario-campo"><span id="sprytextfield2">
<input type="text" name="emailremetente" class="textfield-nome"/>
<br /><span class="textfieldRequiredMsg">Digite seu e-mail</span>
<span class="textfieldInvalidFormatMsg">Formato de e-mail inválido</span></span></div>
<div class="formulario-texto">Telefone</div>
<div class="formulario-campo">
<span id="sprytextfield3">
<input type="text" name="ddd" class="textfield-ddd" />
<span class="textfieldRequiredMsg">Digite seu DDD</span>
<span class="textfieldInvalidFormatMsg">Digite os 2 números do seu DDD</span>
<span class="textfieldMinCharsMsg">Digite os 2 números do seu DDD</span>
<span class="textfieldMaxCharsMsg">Digite os 2 números do seu DDD</span></span>
<span id="sprytextfield4">
<input type="text" name="telefone" class="textfield-telefone" /> <br />
<span class="textfieldRequiredMsg">Digite seu telefone</span>
<span class="textfieldInvalidFormatMsg">Formato inválido, digite seu telefone como no exemplo: 78872332</span></span></div>
<div class="formulario-texto">Assunto</div>
<div class="formulario-campo"><span id="sprytextfield5">
<input type="text" name="assunto" class="textfield-nome"/>
<br /><span class="textfieldRequiredMsg">Digite o assunto</span></span></div>
<div style="float:left; width:100%;"> </div>
<div class="formulario-texto">Mensagem</div>
<div class="formulario-campo"><span id="sprytextarea1">
<textarea name="mensagem" cols="35" rows="6"></textarea>
<br /><span class="textareaRequiredMsg">Digite sua mensagem</span></span></div>
<div>
<input name="enviar" type="reset" value="Limpar" class="btn-contato-reset" />
<input name="enviar" type="submit" value="Enviar" class="btn-contato-enviar" />
</div>
</form>
</div><!--Fim do Conteudo Paginas-->
<!-- Chama validação do formulário -->
<script type="text/javascript" src="js/SpryValidationTextField.js" language="javascript" ></script>
<script type="text/javascript" src="js/SpryValidationTextarea.js" language="javascript" ></script>
<script type="text/javascript" src="js/SpryValidationSelect.js" language="javascript" ></script>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "email");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "integer", {minChars:2, maxChars:2});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
</script>
Também crie uma página de comfirmação de envio, do contrário o usuário ficará perdido.
Fiz a página de confirmação bem simples
Lembrando que o formulário só funciona se o site estiver em algum servidor que suporte PHP.
A minha página de confirmação ficou assim
HTML Code:
</head>
<body>
<p>Sua mensagem foi enviada com sucesso!</p>
</body>
PHP Code:
<?php
// Passando os dados obtidos pelo formulário para as variáveis abaixo
$nomeremetente = $_POST['nomeremetente'];
$emailremetente = trim($_POST['emailremetente']);
$emaildestinatario = '####'; // Digite seu e-mail aqui, lembrando que o e-mail deve estar em seu servidor web
$ddd = $_POST['ddd'];
$telefone = $_POST['telefone'];
$assunto = $_POST['assunto'];
$outros = $_POST['outros'];
$mensagem = $_POST['mensagem'];
/* Montando a mensagem a ser enviada no corpo do e-mail. */
$mensagemHTML = '<P>FORMULARIO PREENCHIDO NO SITE #########</P>
<p><b>Nome:</b> '.$nomeremetente.'
<p><b>E-Mail:</b> '.$emailremetente.'
<p><b>DDD:</b> '.$ddd.'
<p><b>Telefone:</b> '.$telefone.'
<p><b>Assunto:</b> '.$assunto.'
<p><b>Mensagem:</b> '.$mensagem.'</p>
<hr>';
// O remetente deve ser um e-mail do seu domínio conforme determina a RFC 822.
// O return-path deve ser ser o mesmo e-mail do remetente.
$headers = "MIME-Version: 1.1\r\n";
$headers .= "Content-type: text/html; charset=utf-8\r\n";
$headers .= "From: $emailremetente\r\n"; // remetente
$headers .= "Return-Path: $emaildestinatario \r\n"; // return-path
$envio = mail($emaildestinatario, $assunto, $mensagemHTML, $headers);
if($envio)
echo "<script>location.href='sucesso.html'</script>"; // Página que será redirecionada
?>
Todo e qualquer código colocado nesse post estará anexado abaixo.
Qualquer dúvida segue meu e-mail:
[Only registered and activated users can see links. Click Here To Register...] e Skype: alvaro.scherer1
