[HTML] Anmeldeformular

Dieses Thema im Forum "Webdesign" wurde erstellt von Eomer, 10. Oktober 2010 .

Schlagworte:
  1. 10. Oktober 2010
    Anmeldeformular

    Hallo Leute,
    folgender HTML Code.

    Ich möchte das beim drücken der Taste Submit eine E-Mail mit den Daten an mich verschickt wird.

    Was muss ich dazu eintragen? Brauche ich einen Mail Server oder etwas ähnliches?

    viele Grüße und Danke

    BW ist klar.




    HTML:
     <div class="title-1"></div>
 <p>Unverbindliche Vor-Anmeldung:</p>
 <form action="" id="order-form">
 <div class="wrapper"> <strong>
 <label class="fright">
 <input type="text" value="Stadt: " />
 </label>
 <label class="fleft">
 <input type="text" value="Name: " />
 </label>
 </strong> <strong>
 <label class="fright">
 <input type="text" value="E-Mail: " />
 </label>
 <label class="fleft">
 <input type="text" value="Straße: " />
 </label>
 </strong> <strong>
 <label class="fright">
 <input type="text" value="Telefonnummer: " />
 </label>
 <label class="fleft">
 <input type="text" value="Postleitzahl: " />
 </label>
 </strong> </div>
 </form>
 <div class="clear"></div>
 <a href="#" onclick="document.getElementById('order-form').submit()" class="order-link">submit</a> <a href="#" onclick="document.getElementById('order-form').reset()" class="order-link">clear</a>
 <div class="clear"></div>
     
    + Multi-Zitat Zitieren
  3. 10. Oktober 2010
    AW: Anmeldeformular

    Wie willst du es lösen?


    Methode A: Ein Fenster mit den Eingaben geht auf und du kannst das ganze über dein Outlookprogramm/Standartemailprogramm abschicken.

    Methode B: Mit PHP die Email an den Empfänger schicken. Benötigt wird halt ein Server mit PHP dafür.
     
    + Multi-Zitat Zitieren
  4. 10. Oktober 2010
    AW: Anmeldeformular

    Also am besten wäre wahrscheinlich die php methode

    der herr für den ich an der website bastel, will den webspace bei der telekom mieten, mal sehen ob die überhaupt sowas anbieten

    EDIT: die haben das homepage basic paket: ftp://software.t-online.de/pub/service/pdf/Leistungstabelle-Ueberblick.pdf

    meinst du die sollten wo anders hin wechseln?

    gruß
     
    + Multi-Zitat Zitieren
  5. 10. Oktober 2010
    AW: Anmeldeformular

    Ja genau klär erstmal ab was der Webspace so bietet und wenns kein PHP gibt solltest du mit ihm abklären, dass er sich ein Paket mit PHP holen soll. Denn das Formular mit PHP zu versenden ist hundert mal benutzerfreundlicher als mit der mailto Variante.

    Viele werden dann auch sagen ach ne keine Lust dem schicke ich keine Email.
     
    + Multi-Zitat Zitieren
  6. 10. Oktober 2010
    AW: Anmeldeformular

    hab es soweit geklärt. der holt sich auf jeden fall php.
     
    + Multi-Zitat Zitieren
  7. 10. Oktober 2010
    AW: Anmeldeformular

    Okay kannst du PHP? Ich gehe mal nicht davon aus oder?


    Deine Inputs müssen jedenfalls für PHP eindeutig identifizierbar sein.


    Sprich
    <input type="text" value="Stadt: " />
    muss so aussehen
    <input type="text" name="stadt" value="Stadt: " />

    Und das musst du dann noch an allen anderen ändern.


    Der PHP-Teil ist dann etwas komplizierter da solltest du dir vllt erstmal ein Formmailer Tutorial anschauen.
     
    + Multi-Zitat Zitieren
  8. 10. Oktober 2010
    AW: Anmeldeformular

    Danke schonmal.

    das hieße dann?

    HTML:
     <div class="title-1"></div>
 <p>Unverbindliche Vor-Anmeldung:</p>
 <form action="" id="order-form">
 <div class="wrapper"> <strong>
 <label class="fright">
 <input type="text" name="Stadt" value="Stadt: " />
 </label>
 <label class="fleft">
 <input type="text" name="Name" value="Name: " />
 </label>
 </strong> <strong>
 <label class="fright">
 <input type="text" name="E-Mail" value="E-Mail: " />
 </label>
 <label class="fleft">
 <input type="text" name="Straße" value="Straße: " />
 </label>
 </strong> <strong>
 <label class="fright">
 <input type="text" name="Telefonnummer" value="Telefonnummer: " />
 </label>
 <label class="fleft">
 <input type="text" name="Telefonnummer" value="Telefonnummer: " />
 </label>
 </strong> </div>
 </form>
 <div class="clear"></div>
 <a href="#" onclick="document.getElementById('order-form').submit()" class="order-link">submit</a> <a href="#" onclick="document.getElementById('order-form').reset()" class="order-link">clear</a>
 <div class="clear"></div>


    Ist das soweit richtig?

    Könntest du mir denn ein gutes TuT empfehlen, mit dem ich das selber hinkriegen würde?

    Ich habe keine Ahnung von HTML, CSS, PHP etc. ich bringe mir das gerade selber bei.

    Vllt. kennst du ja schon eine gutes tut.

    danke nochmal für deine hilfe, wirklich sehr hilfreich.

    grüße
     
    + Multi-Zitat Zitieren
  9. 10. Oktober 2010
    AW: Anmeldeformular

    google halt nach ,,php + html + formular + tutorial'' oder sowas...

    vielleicht hilft sogar schon folgendes:

    PHP Tutorial - PHP Formular senden und auswerten
     
    + Multi-Zitat Zitieren
  10. 10. Oktober 2010
    AW: Anmeldeformular

    Nicht ganz richtig


    HTML:
     <div class="title-1"></div>
 <p>Unverbindliche Vor-Anmeldung:</p>
 <form action="mailscript.php" id="order-form" method="POST">
 <div class="wrapper"> <strong>
 <label class="fright">
 <input type="text" name="Stadt" value="Stadt: " />
 </label>
 <label class="fleft">
 <input type="text" name="Name" value="Name: " />
 </label>
 </strong> <strong>
 <label class="fright">
 <input type="text" name="EMail" value="E-Mail: " />
 </label>
 <label class="fleft">
 <input type="text" name="Straße" value="Straße: " />
 </label>
 </strong> <strong>
 <label class="fright">
 <input type="text" name="vorwahl" value="Telefonnummer: " />
 </label>
 <label class="fleft">
 <input type="text" name="Telefonnummer" value="Telefonnummer: " />
 </label>
 </strong> </div>
 </form>
 <div class="clear"></div>
 <a href="#" onclick="document.getElementById('order-form').submit()" class="order-link">submit</a> <a href="#" onclick="document.getElementById('order-form').reset()" class="order-link">clear</a>
 <div class="clear"></div>


    Ich würde das so machen. Jeder Name darf nur einmal vorkommen.
    Also musst du die Telefonnummer z.b. in Vorwahl und Telefonnummer aufteilen.
    Dem Form-Tag ein method="POST" hinzufügen.


    Hm ich finde gerade selber kein TUT das mir gefällt. Die zeigen alle nur wie man die Email abschickt. Für mich wäre es noch ganz sinnvoll zu Checken ob überhaupt die Felder ausgefüllt wurden und ob die auch korrekt ausgefüllt wurden und dann sollte man noch schauen ob der Absende button auch betätigt wurde.


    Du kannst dir ja mal aus dem Tut von _zippo^ ein Script basteln wie du denkst es ist richtig.
    Dann schauen wir mal drüber und erzängen das ganze hier.
     
    + Multi-Zitat Zitieren
  11. 25. Oktober 2010
    AW: Anmeldeformular

    Ich hab hier was auf mein PC gefunden, habs jetzt nicht durchgechecked ob i.O ist, aber schaus dir einfach an:
    HTML:
    <?php

### Konfiguration ###

$strEmpfaenger = 'beispiel@mailinator.com, peter@mailinator.com';

$strFrom = '"Der Newsmailer" <frittenbrater@kocher.de>';

$strSubject = 'Newsletter';

$strReturnhtml = 'http://www.google.de';

$strDelimiter = ":\t";

### Ende Konfiguration ###

if($_POST)
{
 $strMailtext = "";

 while(list($strName,$value) = each($_POST))
 {
 if(is_array($value))
 {
 foreach($value as $value_array)
 {
 $strMailtext .= $strName.$strDelimiter.$value_array."\n";
 }
 }
 else
 {
 $strMailtext .= $strName.$strDelimiter.$value."\n";
 }
 }

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

 mail($strEmpfaenger, $strSubject, $strMailtext, "From: ".$strFrom)
 or die("Die Mail konnte nicht versendet werden.");
 header("Location: $strReturnhtml");
 exit;
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
 <head>
 <title>Newsletterversender</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 </head>
 <body>
 <h1>Formmailer</h1>
 <form action="<?php print $_SERVER['PHP_SELF']; ?>" method="post">
 
 <dl>
 <dt>Ihr Name:</dt>
 <dd><input type="text" name="" /></dd>
 <dt>E-Mail</dt>
 <dd><input type="text" name="" /></dd>
 <dt>News:</dt>
 <dd><textarea name="News" rows="3" cols="20">News</textarea></dd>
 </dl>
 <!-- Ende der Beispielangaben -->
 <p>
 <input type="submit" value="Senden" />
 <input type="reset" value="Zurücksetzen" />
 </p>
 </form>
 </body>
</html>
     
    + Multi-Zitat Zitieren
  12. 26. Oktober 2010
    AW: Anmeldeformular

    Hey, also funktionieren wird das Script ohne Probleme.
    Vorteil ist, dass es dynamisch ist. Sprich du kannst so viele Felder im Formular hinzufügen ohne etwas am PHP Script zu ändern.


    Dargestellt wird das ganze in der Email dann so:

    Formularfeldname:Eingabe =
    text: iraki email: [noparse]iraki@test.de[/noparse] News: iraki's Emailscript



    Ich persönlich würde $strReturnhtml rausnehmen. Wenn die Email nicht verschickt werden konnte, leitet er dich zu google um, was Schwachsinn ist. Mit PHP_SELF solltest du nicht arbeiten, birgt ein Sicherheitsrisiko. Also solltest du formular.php noch anpassen.

    Würde das ganze also so benutzen:


    PHP:
    <? php  ### Konfiguration ### 

    $strEmpfaenger  =  'beispiel@mailinator.com, peter@mailinator.com' ; 
    $strFrom  =  '"Der Newsmailer" <frittenbrater@kocher.de>' ; 
    $strSubject  =  'Newsletter' ; 
    $strReturnhtml  =  'http://www.google.de' ; 
    $strDelimiter  =  ":\t" ;
          ### Ende Konfiguration ### 
     
          if( $_POST ) { 
          $strMailtext  =  "" ; 
     
        while(list(     $strName , $value ) =  each ( $_POST )) { 
     
            if(     is_array ( $value )) { 
                    foreach(     $value  as  $value_array ) { 
                         $strMailtext  .=  $strName . $strDelimiter . $value_array . "\n" ; 
                    } 
                }else{ 
                     $strMailtext  .=  $strName . $strDelimiter . $value . "\n" ; 
                } 
        } 
     
        if(     get_magic_quotes_gpc ()) {  $strMailtext  =  stripslashes ( $strMailtext ); } 
     
             mail ( $strEmpfaenger ,  $strSubject ,  $strMailtext ,  "From: " . $strFrom ) or die( "Die Mail konnte nicht versendet werden." ); exit; } 
          ?>
     
     
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
      
     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> 
     <head> 
     <title>Newsletterversender</title>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     </head>
     <body> 
     <h1>Formmailer</h1> 
     
     <form action="formular.php" method="post">
     <dl> <dt>Ihr Name:</dt> 
     
     <dd><input type="text" name="text" /></dd> 
     
     <dt>E-Mail</dt>
     <dd><input type="text" name="email" /></dd> 
     
     <dt>News:</dt>
     <dd><textarea name="News" rows="3" cols="20">News</textarea></dd> 
     </dl> <!-- Ende der Beispielangaben --> <p> 
     
     <input type="submit" value="Senden" /> <input type="reset" value="Zurücksetzen" /> 
     </p> </form>
     </body>
     </html>

     
    + Multi-Zitat Zitieren
  13. 26. Oktober 2010
    AW: Anmeldeformular

    Für PHP tutorial, guck dir dieses mal an, ich fand es ziemlich gut:php-quake.net

    edit: achja, hier wurde etwas erwähnt, dass deine elemente eindeutig identifizierbar sein sollen. er hat leider vergessen zu erwähnen, dass das id-Attribut dafür auch mit benutzt werden sollte. zB <input type="text" name="stadt" id="stadt" value="Stadt: " />
     
    + Multi-Zitat Zitieren
  14. 26. Oktober 2010
    AW: Anmeldeformular

    1. Es ging um ein Tutorial für ein Formmailer nicht für PHP prinzipiell

    Und die ID ist ja eher für Javascript wichtig. Benutzt du keine ID funktioniert das Script trotzdem.
    Die Formulare auf SelfHTML haben auch keine ID zugewiesen
     
    + Multi-Zitat Zitieren
  15. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten