| |||||||
Du magst keine Werbung? Wir auch nicht!
Einfach registrieren und die Werbung ist weg. Diese Nachricht sehen nur nicht registrierte Nutzer.
![]() |
| | LinkBack | Themen-Optionen | Ansicht |
| | #1 (permalink) |
| Inventar Registriert seit: Jul 2002
Beiträge: 6.882
| Wie sende ich ein Formular per Mail
Frage wurde an mich per PM gesendet. Hier die Antwort: HTML-Code: <!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"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> <script src="http://code.jquery.com/jquery-1.4.4.js"></script> <title>test</title> <script type="text/javascript"> var calc = function(){ $('#price').html( $('#amount').val() * $('#art').val() ); $('#price2').val( $('#amount').val() * $('#art').val() ); } $(document).ready( function(){ $('#amount, #art').bind( 'change', calc ); $('#send').click( function(){ $.post( 'mailer.php', $('#myform').serializeArray(), function(){ alert( 'Die Mail wurde erfolgreich verschickt'); }); }); }); </script> <style type="text/css"> *{ margin: 0; padding: 0; } body{ font-family: Verdana, Arial, sans-serif; font-size: 16px; } #myform{ margin:50px; width: 400px; padding: 30px; } #myform fieldset{ padding: 30px; } #myform legend{ margin: 5px; } #myform input, select{ display: block; float: left; margin: 2px; } #myform label{ display: block; margin: 2px; float:left; width: 150px; text-align: right; } span{ float: left; margin: 5px; } </style> </head> <body> <form id="myform" action="" method="post"> <fieldset> <legend>Artikel</legend> <label for="amount">Menge :</label> <select name="amount" id="amount"> <option value="500">500</option> <option value="1000">1000</option> <option value="2000">2000</option> </select> <br /> <label for="art">Art :</label> <select name="art" id="art"> <option value="1">1-farbig</option> <option value="1.3">2-farbig</option> </select><br /> <label>Preis :</label><span id="price">500</span><span>€</span> <input type="hidden" name="price2" id="price2" value="500" /> </fieldset> <br /> <fieldset> <legend>Kontakt</legend> <label for="prename">Vorname :</label> <input type="text" name="prename" size="20" /><br /> <label for="lastname">Nachname :</label> <input type="text" name="lastname" size="20" /><br /> <label for="address1">Adresse :</label> <input type="text" name="address1" size="20" /><br /> <label for="address2"> :</label><input type="text" name="address2" size="20" /><br /> <label for="plz">PLZ :</label> <input type="text" name="plz" size="4" /> <label for="city">Ort :</label> <input type="text" name="city" size="10" /><br /> <label for="mail">E-Mail :</label> <input type="text" name="mail" size="20" /><br /> </fieldset> <button id="send" type="button" name="submit" value="absenden">absenden</button> </form> </body> </html> PHP-Code:
__________________ (\__/) (='.'=) (")_(") |
| | |
| | #2 (permalink) | |
| Singleton Registriert seit: Mar 2009 Ort: Berlin / Hamburg
Beiträge: 496
| Zitat:
__________________ digitale-avantgarde.com | |
| | |
![]() |
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | |
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| mail formular / nicht nur mail-addi, sondern auch name | get-the-flash | PHP und MySQL | 1 | 19-01-2006 14:04 |
| mail-formular: auswahlkästchen ans formular übergeben! wie geht das??? hilfe | mok-cyber | PHP und MySQL | 24 | 11-08-2004 18:54 |
| Mail-Formular / Sende Button in MC | dookie | ActionScript 1 | 4 | 11-03-2004 10:22 |
| Mail aus Formular ohne mail() | sucheundfinde | PHP und MySQL | 5 | 02-01-2004 11:49 |
| E-Mail Formular | Pan_Tau | Flash und Datenbanken | 14 | 16-04-2003 12:53 |