Probleme mit CSS Kontaktformular

CSS_N00b

Hallo

Für meine Website brauche ich ein Kontaktformular und da CSS für mich noch so ziemlich neuland ist, hatte ich mir einige Referenzen angesehen und hatte dadurch schnell eine Seite zusammengebaut.
Nun habe ich ein Problem mit dem Code, ich weiss nicht wo ich meine E-Mail adresse reinsetzen muss, damit es auch funktioniert würde mich freuen wenn mir jemand helfen könnte.

Der Code:

Code

<form action="" method="post" id="contactform">
  <div id="name-wrap" class="slider"> <label for="name">Name</label> <input id="name" name="name" type="text" /> </div>


<!--//name-wrap-->
  <div id="email-wrap" class="slider"> <label for="email">E&ndash;mail</label> <input id="email" name="email" type="text" /> </div>


<!--//email-wrap-->
  <div id="phone-wrap" class="slider"> <label for="phone">Phone</label> <input id="phone" name="phone" type="text" /> </div>


<!--//phone-wrap-->
  <div id="url-wrap" class="slider"> <label for="url">URL</label> <input id="url" name="url" type="text" /> </div>


<!--//email-wrap-->
  <div id="comment-wrap" class="slider"> <label for="comment">Comment</label> <textarea cols="53" rows="10" id="comment"></textarea> </div>


<!--//comment-wrap-->
  <div><button type="submit" id="btn" name="btn">Submit</button></div>


</form>

Alles anzeigen

Bandit

Weder HTML noch CSS können Mails versenden, dazu brauchst du eine serverseitige Scriptsprache w.z.B. PHP

CSS_N00b

Das weder HTML noch CSS Mails versenden ist mir bewusst, danke. Nun, dann erkläre mir doch bitte wie ich diese Scriptsprache in den bestehenden Code einbinden kann. Danke

Bandit

Die Frage ist, ob dein Webspace überhaupt PHP unterstützt. Wenn nicht, hast du ein großes Problem. Wenn ja, sagt google mit

Zitat

php kontaktformular tutorial

Zitat

Ungefähr 242.000 Ergebnisse

Da solltest du was finden, um dich in das Problem einarbeiten zu können.

CSS_N00b

Das tut es.

Naja, ich habe nur etwas Angst dadurch mein Formular zu zerschießen weil ich denke es nur an einem fehlenden Code/Befehl liegt.
Danke

Bandit

Tja, dann frisch ans Werk und ein Tutorial zum Thema Kontakformular durcharbeiten.

Bandit

Quick and dirty:

PHP

<?php

   $errors = array();

   $name = $email = $phone = $url = $comment = "";

   if (isset($_POST['name']))
   {
       $name    = trim($_POST['name']);
       $email   = trim($_POST['email']);
       $phone   = trim($_POST['phone']);
       $url     = trim($_POST['url']);
       $comment = trim($_POST['comment']);

       if (empty($name))
          $errors[] = "Name";

       if (empty($email))
          $errors[] = "eMail";


       if (empty($phone))
          $errors[] = "Phone";         


       if (empty($url))
          $errors[] = "URL";     

       if (empty($comment))
          $errors[] = "Comment";

       if (count($errors) == 0)
       {
          $message .= "Name: $name\r\n";
          $message .= "eMail: $email\r\n";
          $message .= "eMail: $email\r\n";
          $message .= "URL: $url\r\n";
          $message .= "Comment: $comment\r\n";

          mail('deine@email.adresse', 'Message from form', $message);

          header ("Location: http://www.deineDomain.de");
          exit;
       }
   }
?>   
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Kontakt</title>
</head>
<body>
<?php 
   if (count($errors) == 0)
      echo "Empty fields: " . implode (", ", $errors) . "<br />";
?>
<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post" id="contactform">
  <div id="name-wrap" class="slider"> 
    <label for="name">Name</label> 
    <input id="name" name="name" type="text" value="<?php echo htmlentities($name); ?>" /> 
  </div>


<!--//name-wrap-->
  <div id="email-wrap" class="slider"> 
    <label for="email">E&ndash;mail</label> 
    <input id="email" name="email" type="text" value="<?php echo htmlentities($email); ?>" /> 
  </div>


<!--//email-wrap-->
  <div id="phone-wrap" class="slider"> 
    <label for="phone">Phone</label> 
    <input id="phone" name="phone" type="text" value="<?php echo htmlentities($phone); ?>" /> 
  </div>


<!--//phone-wrap-->
  <div id="url-wrap" class="slider"> 
    <label for="url">URL</label> 
    <input id="url" name="url" type="text" value="<?php echo htmlentities($url); ?>" /> 
  </div>


<!--//email-wrap-->
  <div id="comment-wrap" class="slider"> 
    <label for="comment">Comment</label> 
    <textarea cols="53" rows="10" id="comment" name="comment"><?php echo htmlentities($comment); ?></textarea> 
  </div>


<!--//comment-wrap-->
  <div><button type="submit" id="btn" name="btn">Submit</button></div>


</form>
</body>

Alles anzeigen

Ds ist natürlich ungetestet!

Auf die mail-Funktion von PHP würde ich verzichten und statt dessen eine fertige Klasse w.z.B. den phpMailer einsetzen.

CSS_N00b

Danke und wo und wie setze ich das nun ein? (Ich hab von PHP so mal garkeine Ahnung )

Bandit

Wie, wo setzt du das ein? Das ist das komplette Kontaktformular, also eine eigene Datei, z.B. kontakt.php

CSS_N00b

Danke, also ich hab Kontakt.php jetzt neben der Index datei (mit dem css code oben) abgespeichert und meine mail addy eingetragen und die addy. Aber klappt noch nicht hab ich was vergessen? muss ich die php seite im css code oben angeben?

Bandit

Zitat von CSS_N00b

Aber klappt noch nicht

Das ist keine Problembeschreibung, damit kann man nichts anfangen!

CSS_N00b

Naja, was soll ich sonst schreiben, außer das es nicht funktioniert? also ich hab noch keine e-mail bekommen als ich auf Submit bin. Zeigt auch keinen Fehler an, vielleicht stimmt bei den namen etwas nicht, muss ich denn php nicht irgendwie mit dem css code verbinden?

Bandit

Schreibe mal nach dem ersten <?php diese Zeilen rein:

PHP

error_reporting(E_ALL);
ini_set("display_errors", true);

Mal sehen, ob PHP was zu meckern hat. Allerdings glaube ich, dass wir das nicht hinbekommen werden, denn dir fehlen ja selbst die minimalsten Grundlagen. Wer PHP und CSS verbinden will, hat keine Ahnung, was PHP ist und was es macht. Darüber sollte man sich aber im Klaren sein, sonst wird das nichts.

CSS_N00b

Zitat von Bandit
Schreibe mal nach dem ersten <?php diese Zeilen rein:
PHP
error_reporting(E_ALL);
ini_set("display_errors", true);
Mal sehen, ob PHP was zu meckern hat. Allerdings glaube ich, dass wir das nicht hinbekommen werden, denn dir fehlen ja selbst die minimalsten Grundlagen. Wer PHP und CSS verbinden will, hat keine Ahnung, was PHP ist und was es macht. Darüber sollte man sich aber im Klaren sein, sonst wird das nichts.

Ich will es nicht verbinden, es war eine Frage, weil ich von PHP so mal keine ahnung habe...

Bandit

Zitat von CSS_N00b

weil ich von PHP so mal keine ahnung habe...

Und genau das ist das Problem. Das Script funktioniert nicht und du hast null Ahnung, eine Ferndiagnose wird da verdammt schwer. Selbst wenn man dir sagen würde, dass du in dem Script mal alle relevanten Variablen per echo ausgeben lassen sollst, verstehst du das schon nicht. Wie soll man da helfen?

Tags