Visualizzazione dei risultati da 1 a 4 su 4

Discussione: form mail con css

  1. #1
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515

    form mail con css

    ciao a tutti!!!! a prescindere che conosco il php poco e niente....stò creando un form mail in php però che abbia anche un l'aspetto del form molto carino....io programmo in flash ma in flash non è possibile eseguire il controllo delle textbox e textArea....quindo mi sono addentrato nel css dove posso inserire un form più carino....allora il mio problema è che ho realzzato un form in html con un controllo in php e tutto va benissimo....ma se al form inserisco il codice css non mi esegue il controllo delle textbox e del textArea e non mi invia l'email.....se volete vi posso inserire il codice in html e css come form realizzato in dreaweaver e il codice in php preso da internet (che cmq è molto efficace)...almeno posso capie dove sbaglio....anzi lo inserisco ora...

    il codice in html e css è questo:

    <!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=utf-8">
    <title>invio email</title>
    <style type="text/css">
    #form {
    width: 500px;
    margin-top: 50px;
    margin-left: 50px;
    }
    #form {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #FFF;
    background-color: #6F9;
    padding: 20px;
    }
    #form fieldset legend {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    text-transform: capitalize;
    background-color: #6CF;
    padding: 10px;
    margin-top: -10px;
    }
    #form fieldset p label {
    margin-top: 20px;
    }
    #form fieldset p label {
    clip: rect(-20px,auto,auto,auto);
    }
    #form fieldset p #invia {
    margin-left: 300px;
    }
    #form fieldset p #invia {
    margin-left: 380px;
    }
    #form fieldset p label {
    margin-top: 20px;
    }
    </style>
    </head><body>
    <form id="form" name="form" method="post" action="emal.php">
    <fieldset>
    <legend>Invio Email</legend>



    <label for="name">Nome</label>
    <input type="text" name="name" id="name" tabindex="10">
    </p>



    <label for="email">Email</label>
    <input type="text" name="email" id="email" tabindex="20">
    </p>



    <label for="mesage">Messaggio</label>
    <textarea name="mesage" id="message" cols="45" rows="5" tabindex="30"></textarea>
    </p>



    <input type="submit" name="invia" id="invia" value="Invia" tabindex="40">
    </p>
    </fieldset>
    </form>


    </body></html>

    il codice php "che al form normale mi esegui il controllo mentre al css non lo esegue":

    <!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=utf-8">
    <title>invio email</title>
    <style type="text/css">
    #form {
    width: 500px;
    margin-top: 50px;
    margin-left: 50px;
    }
    #form {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #FFF;
    background-color: #6F9;
    padding: 20px;
    }
    #form fieldset legend {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    text-transform: capitalize;
    background-color: #6CF;
    padding: 10px;
    margin-top: -10px;
    }
    #form fieldset p label {
    margin-top: 20px;
    }
    #form fieldset p label {
    clip: rect(-20px,auto,auto,auto);
    }
    #form fieldset p #invia {
    margin-left: 300px;
    }
    #form fieldset p #invia {
    margin-left: 380px;
    }
    #form fieldset p label {
    margin-top: 20px;
    }
    </style>
    </head>

    <body>
    <?php
    if(isset($_POST['invia']) && $_POST['invia']=="invia"){
    // recupero i dati inviati
    $name = isset($_POST['name']) ? trim($_POST['name']) : '';
    $email = isset($_POST['email']) ? trim($_POST['email']) : '';
    $message = isset($_POST['message']) ? trim($_POST['message']) : '';
    //$privacy = isset($_POST['privacy']) ? $_POST['privacy'] : 0;
    // controlla che i campi non siano vuoti
    $errore="";//metto il messaggio di errore a vuoto
    if($name == ''){
    $errore="Non hai inserito il tuo nome.
    ";
    }
    if(!preg_match('/^([\w\-\+\.]+)@([\w\-\+\.]+).([\w\-\+\.]+)$/', $email)){
    $errore.="L'e-mail che hai fornito non &egrave; valida..
    ";
    }
    if($message == ''){
    $errore.="Non hai inserito il tuo messaggio.
    ";
    }
    if($errore==""){//non sono stati commessi errori
    // ****** QUI DEVI CAMBIARE L'INDIRIZZO EMAIL ************
    $your_email="xxx@lxxx.it";
    $subject ="messaggio da {$name}\n";
    // crea il messaggio da inviare .......
    $msgtxt = "Un nuovo messaggio ti stato inviato da un utente.\n";
    $msgtxt .= "L'utente ha fornito queste informazioni:\n";
    $msgtxt .= "---------------------------------------------------\n";
    $msgtxt .= "Nome: {$name}\n";
    $msgtxt .= "E-mail: {$email}\n";
    $msgtxt .= "---------------------------------------------------\n";
    $msgtxt .= "{$message}\n";
    $msgtxt .= "---------------------------------------------------\n";
    $msgtxt .= "Inviato il ".date("d.m.Y")." ore ".date("H:i:s")."\n";
    $msgtxt .= "da indirizzo IP dell'utente {$_SERVER['REMOTE_ADDR']}\n";
    //invio in formato html
    $msgtxt = nl2br($msgtxt); //trasformo /n in

    $headers = "MIME-Version: 1.0\n" ;
    $headers .= "Content-Type: text/html; charset=\"iso-8859-1\"\n";

    // tenta di inviare il messaggio
    if(!mail($your_email, $subject, $msgtxt,$headers)){//messaggio non inviato
    echo "<div id=\"messaggio\">Impossibile inviare il messaggio. Riprova pi&ugrave; tardi.</div>";
    //io utilizzo questo al posto di header
    //*********se cambi nome al file devi cambiare anche gli URL=form_MarcoPupi.php
    //alle righe n 79 83 e 88 (o vicine)
    echo "<meta http-equiv='Refresh' content='3; URL=email.php'>"; // ... ritorna a form dopo 3 secondi
    }else{//messaggio inviato
    // visualizza il messaggio di avvenuto invio
    echo "<div id=\"messaggio\">Grazie per averci contattato, risponderemo quanto prima</div>";
    echo "<meta http-equiv='Refresh' content='3; URL=email.php'>"; // ... ritorna
    }//fine tentativo invio
    }else{ // stato commesso almeno un errore
    // reindirizza al file del form dopo 4 secondi
    echo "<div id=\"messaggio\">".$errore."</div>";
    echo "<meta http-equiv='Refresh' content='4; URL=email.php'>";
    }//fine if-else errori
    } //fine if submit
    ?>
    <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);?>" method="post">
    <fieldset>
    <legend>Invio Email</legend>



    <label for="name">Nome</label>
    <input type="text" name="name" id="name" tabindex="10">
    </p>



    <label for="email">Email</label>
    <input type="text" name="email" id="email" tabindex="20">
    </p>



    <label for="mesage">Messaggio</label>
    <textarea name="mesage" id="message" cols="45" rows="5" tabindex="30"></textarea>
    </p>



    <input type="submit" name="invia" id="invia" value="Invia" tabindex="40">
    </p>
    </fieldset>
    </form>
    </body>
    </html>

    spero tanto di essere stato tanto...ah!!! dimenticavo......non riesco a mettere il form al centro della pagina....

    help me please....paul

  2. #2
    Utente di HTML.it L'avatar di Luke70
    Registrato dal
    Jul 1999
    Messaggi
    767
    Non è per nulla chiaro cosa hai fatto.

    Il primo script richiama il secondo? (se si hai sbagliato l'action del form)
    Il secondo contiene un form, che te ne fai?

  3. #3
    Utente di HTML.it L'avatar di paul78
    Registrato dal
    Apr 2010
    Messaggi
    515
    lo so di non essere stato molto chiaro.....hai un esempio di invio email dove potrei tranquillamente inserire il codice css e nello steso temo fare il controllo dei campi????

  4. #4
    Utente di HTML.it L'avatar di Luke70
    Registrato dal
    Jul 1999
    Messaggi
    767
    io no, ce l'hai tu!

    Il tuo secondo codice fa esattamente quello che chiedi: basta inserire il css nell'head dell'HTML

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.