Kontaktformular: Feld vergrößern & nach Neuladen Felder leeren?

[Nasri]

Hallo,

ich bin gerade dabei mir mein Kontaktformular zusammenzufrickeln.

Der Code im HTML Formular sieht folgendermaßen aus:

<div class="row">
            <div class="span5">
              <h5 class="text-left">Kontakt</h5>
            <section id="contact">

        <mark id="message"></mark>

        <form method="post" action="contact.php" name="contactform" id="contactform" autocomplete="on">

<!-- Block 1 -->
            <fieldset>

                            <div>
                   
                    <input name="name" type="text" id="name" placeholder="Geben Sie Ihren Namen ein" required />
           
                   
                    <input name="email" type="email" id="email" placeholder="Geben Sie Ihre Email Adresse ein" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" required />
                </div>

            </fieldset>
           
<!-- Ende Block 1 -->           

<!-- Block 2 -->
            <fieldset>


                <div>
             

                    <input type="text" name="subject" id="subject"  required placeholder="Geben Sie einen Betreff ein">
               
                  <input name="phone" type="text" id="phone"  placeholder="Geben Sie Ihre Telefonnummer ein" required />
                    </div>

                <div>
               
                    <textarea name="comments" cols="40" rows="3" id="comments" placeholder="Ihr Anliegen..." spellcheck="true" required></textarea>
                </div>

            </fieldset>
<!-- Ende Block 2 -->           

           

            <button type="submit" class="btn btn-large">Senden</button>

        </form>

    </section>
            </div>

Der passende PHP Code (contact.php) ist folgender:

<?php if (!isset($_SESSION)) session_start();

if(!$_POST) exit();

        if (!defined("PHP_EOL")) define("PHP_EOL", "\r\n");

        $name        = $_POST['name'];
        $email        = $_POST['email'];
        $phone      = $_POST['phone'];
        $website      = $_POST['website'];
        $subject      = $_POST['subject'];
        $comments    = $_POST['comments'];
        $error        = '';

        if (isset($_POST['verify'])) :
            $posted_verify  = $_POST['verify'];
              $posted_verify  = md5($posted_verify);
          else :
              $posted_verify = '';
          endif;

        // Important Variables
        $session_verify = $_SESSION['verify'];

        if (empty($session_verify)) $session_verify = $_COOKIE['verify'];

        if(trim($name) == '') {
            echo '<div class="error_message">Attention! You must enter your name.</div>';
            exit();
        } else if(trim($email) == '') {
            echo '<div class="error_message">Attention! Please enter a valid email address.</div>';
            exit();
        } else if(!isEmail($email)) {
            echo '<div class="error_message">Attention! You have enter an invalid e-mail address, try again.</div>';
            exit();
        }

        if(trim($subject) == '') {
            echo '<div class="error_message">Attention! Please enter a subject.</div>';
            exit();
        } else if(trim($comments) == '') {
            echo '<div class="error_message">Attention! Please enter your message.</div>';
            exit();
        }

        if($error == '') {

            if(get_magic_quotes_gpc()) {
                $comments = stripslashes($comments);
            }


        // Configuration option.
        // Enter the email address that you want to emails to be sent to.
        // Example $address = "[email protected]";

        //$address = "[email protected]";
        $address = "[email protected]";


        // Configuration option.
        // i.e. The standard subject will appear as, "You've been contacted by John Doe."

        // Example, $e_subject = '$name . ' has contacted you via Your Website.';

        $e_subject = $subject;


        // Configuration option.
        // You can change this if you feel that you need to.
        // Developers, you may wish to add more fields to the form, in which case you must be sure to add them here.

        $e_body = "$name schreibt folgende Mail:." . PHP_EOL . PHP_EOL;
        $e_content = "\"$comments\"" . PHP_EOL . PHP_EOL;
        $e_reply = "Sie können $name über folgende Adresse kontaktieren: $email";

        if ($phone) $e_reply .= " or via phone $phone.";

        if ($website) $e_reply .= " Their website address is $website.";

        $msg = wordwrap($e_body . $e_content . $e_reply,70);

        $headers = "From: $email" . PHP_EOL;
        $headers .= "Reply-To: $email" . PHP_EOL;
        $headers .= "MIME-Version: 1.0" . PHP_EOL;
        $headers .= "Content-type: text/plain; charset=utf-8" . PHP_EOL;
        $headers .= "Content-Transfer-Encoding: quoted-printable" . PHP_EOL;

        if(mail($address, $e_subject, $msg, $headers)) {


        // Email has sent successfully, echo a success page.

        echo "<fieldset>";
        echo "<div id='success_page'>";
        echo "<h1>Email Sent Successfully.</h1>";
        echo "<p>Thank you <strong>$name</strong>, your message has been submitted to us.</p>";
        echo "</div>";
        echo "</fieldset>";

        } else {

        echo 'ERROR!';

        }

    }

function isEmail($email) { // Email address verification, do not edit.

return(preg_match("/^[-_.[:alnum:]]+@((([[:alnum:]]|[[:alnum:]][[:alnum:]-]*[[:alnum:]])\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)$|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i",$email));

} ?>

So, klappt auch alles wunderbar. Habe allerdings noch zwei Anliegen:

1) Wenn ich das Kontaktformular ausfülle und abschicke und die Seite anschließend neu lade, befinden sich noch alle Daten eingetragen. Kann ich das einstellen, dass die Felder wieder leer sind? Die Felder sind sonst erst dann leer, wenn ich den Tab schließe und die Seite neu besuche.

2) Wie kann ich eines dieser Felder vergrößern? Sodaß es sich weiter nach rechts erstreckt (und ggf. weiteren Content weiter nach rechts drückt)? Habe das über width und über cols/rows etc. versucht, was aber nichts bringt.

 

[Cheffchen]

Hallo,

zu1 also wenn das formular absendest und die seite dabei neu geladen wird sind die felder leer, mehr sieht man am code nicht oder das was anderes passiert.

zu2 das hat was mit css zu tun und ein width sollte helfen, wenn natürlich nicht ander css sachen das überschreiben aber das sieht man so halt nicht, am besten Link zeigen.

Cheffchen