Results 1 to 1 of 1
  1. #1
    draconiaa
    draconiaa is offline
    New member
    Join Date
    2013 Mar
    Posts
    24
    Thanks
    12
    Thanked 11 Times in 8 Posts
    Rep Power
    0

    Formulário de Envio

    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 hereremembering 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: [email protected] and Skype: alvaro.scherer1
    Portugues:

    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: [email protected] e Skype: alvaro.scherer1

    Please register or login to download attachments.

    Last edited by draconiaa; 2013-07-25 at 06:16 PM.

Visitors found this page by searching for:

tutorial. formulario html

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •