WebWork Magazin - Design, Gestaltung, Online Medien, html

Webhosting Provider Domain

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Formular senden via HTML für Dummies...

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » html xml - Hilfe für das Erstellen einer Homepage » Formular senden via HT... - 16 Dez 2017 Antworten
im Forum für Webhosting Homepage gefunden:
Formular senden via HTML für Dummies...
kay
Pixelschubser
Threadstarter




Beiträge: 4

hello, ich habe folgenden quellcode für ein formular generiert:

<p>
<label>
<input type="submit" name="button" id="button" value="Senden" />
</label>
</p></td>

wo genau gebe ich dann meine email-adresse ein?
danke für eure hilfe!!!

  Profil   Editieren   Zitieren
Ori
Mausakrobat




Beiträge: 163

Du willst, dass die ausgefüllten Formulare an deine E-Mail-Adresse geschickt werden?

Dazu musst du in <form> die Eigenschaft action auf deine E-Mail-Adresse setzen, z.B. so:
1: 
2: 
3: 
4:
<form action="mailto:meine@email.de">
<label>Nachricht: <textarea name="nachricht"></TEXTAREA></label>
<button type="submit">Abschicken</button>
</form>


Allerdings läuft das durch das lokale E-Mail-Programm des Nutzers, der alles noch bearbeiten kann.

Falls du das nicht willst, musst du auf serverseitige Programmierung, z.B. mit PHP, zurückgreifen, oder einen FormMailer-Dienst nutzen, z.B. formmailer.com. Dann steht in action die (Web-)Adresse, an die die Formulardaten geschickt werden; method sollte auf post gesetzt werden:
1: 
2: 
3:
<form action="mailer.php" method="post">
...
</form>



Wenn du stattdessen nur ein E-Mail-Adressfeld haben willst, notier es:
1:
<input type="email" name="email" />

type="email" ist neu in HTML5; wenn es dein Browser unterstützt, lässt er nur E-Mail-Adressen in diesem Feld zu. Andernfalls verhält es sich wie ein normales Textfeld, in das jegliche Art von Zeichen geschrieben werden kann (type="text" oder weglassen, das ist der Standardwert).


PS: Normalerweise bekommen Knöpfe keine <label>s. Dann dann würden die Formulare auch abgeschickt, wenn man auf das <label> klickt; das will man meistens nicht, weil dieses Verhalten im Allgemeinen nicht offensichtlich ist.

Diese Nachricht wurde geändert von: Ori
  Profil   E-Mail   Website   Editieren   Zitieren
kay
Pixelschubser
Threadstarter




Beiträge: 4

lieber ori

danke für deine nachricht!!!

wie auf dem thread steht, bin ich ein absoluter html-dummy. wo genau also setze ich den von dir geschickten code ein? nach <label>? oder anstelle des ganzen code-satzes?

<p>
<label>
<input type="submit" name="button" id="button" value="Senden" />
</label>
</p></td>

cheers!

  Profil   Editieren   Zitieren
Ori
Mausakrobat




Beiträge: 163


  Profil   E-Mail   Website   Editieren   Zitieren
kay
Pixelschubser
Threadstarter




Beiträge: 4

danke ori, werde mir diese kleine lektüre vornehmen merci!

  Profil   Editieren   Zitieren
kay
Pixelschubser
Threadstarter




Beiträge: 4

HILFE - geht überhaupt nicht mehr.....! bin total überfordert mit dem ganzen html

also, hier mein vorgestaltetes formular
http://www.infranet-partners.ch/offerte_2.html

code sieht so aus:


<html>
<head>
<title>Einzeilige Eingabefelder definieren</title>
<style type="text/css">
<!--
.tah12 {
font-size: 12px;
}
Tahoma24 {
font-family: Tahoma, Geneva, sans-serif;
}
.tah12 .tah12 strong {
font-size: 24px;
font-family: Tahoma, Geneva, sans-serif;
}
#tah12 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
Tahoma14 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
}
Tahoma14 {
}
Tahoma14 {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
}
.tahoma12 {
font-family: Tahoma, Geneva, sans-serif;
}
.tah12 th {
font-family: Tahoma, Geneva, sans-serif;
}
.tah12 th {
font-weight: bold;
}
.tah12 td {
font-family: Tahoma, Geneva, sans-serif;
}
.background {
color: #000;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
}
-->
</style>
</head>
<body>

<td colspan="6"><table width="533" border="0">
<tr>
<td width="200"><img src="Bilder/logos-klein/logo_IP.png" width="200" height="132"></td>
<td width="323"><div align="center"><span class="tah12"><span class="tah12"><strong>Offertanfrage</strong></span></span></div></td>
</tr>
</table></td>

<h2>&nbsp;</h2>
<form action="input_text_tabelle.htm">
<table width="900" border="0" cellpadding="0" cellspacing="4" bgcolor="#6593bd">
<tr class="tah12">
<td align="right">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr class="tah12" id="tah12">
<td width="207" align="right"><div align="left">Firma:</div></td>
<td width="586"><input name="firma" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">Kontaktperson:</div></td>
<td><input name="kontakt" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">Adresse:</div></td>
<td><input name="adresse" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">PLZ/Ort:</div></td>
<td><input name="plzort" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">Telefon:</div></td>
<td><input name="telefon" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">eMail:</div></td>
<td><input name="email" type="text" value="@" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td align="right" class="tah12" id="tah12">&nbsp;


<div align="left">Offerte schriftlich</div></td>
<td class="tah12" id="tah12"><input type="checkbox" value="1" name="ele_126[]" class="checkbox "/>ja<br/>

<input type="checkbox" value="2" name="ele_126[]" class="checkbox "/>nein
</td>
<td width="1">&nbsp;</td>
</tr>
<tr>
<td align="right" class="tah12" id="tah12">

<div align="left">Offerte m&uuml;ndlich </div></td>
<td class="tah12" id="tah12"><input type="checkbox" value="1" name="ele_126[]" class="checkbox "/>ja<br/>

<input type="checkbox" value="2" name="ele_126[]" class="checkbox "/>nein


&nbsp;</td>
<td class="odd">&nbsp;</td>
<td width="1">&nbsp;</td>
</tr>
<tr>
<td align="right">&nbsp;</td>
<td class="odd">&nbsp;</td>
<td class="odd">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<p>
<table width="868" border="0" bgcolor="#6593BD">
<tr class="background" style="background-color: #009379;">
<th width="587" scope="row"><div align="left">
<p align="left"><strong>Artikel</strong></p>
<p align="left">&nbsp;</p>
</div></th>
<td width="133"><p><strong>Menge</strong></p>
<p>&nbsp;</p></td>
<td width="134"><p><strong>Preis</strong></p>
<p>&nbsp;</p></td>
</tr>
<tr>
<th scope=><div align="left">
<input name="textfield" type="text" id="textfield" size="97">
</div></th>
<td><label>
<input name="textfield2" type="text" id="textfield2" size="20">
</label></td>
<td><label>
<input name="textfield3" type="text" id="textfield3" value="CHF" size="20">
</label></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield4" type="text" id="textfield4" size="97">
</div></th>
<td><input name="textfield5" type="text" id="textfield5" size="20"></td>
<td><input name="textfield6" type="text" id="textfield6" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield7" type="text" id="textfield7" size="97">
</div></th>
<td><input name="textfield8" type="text" id="textfield8" size="20"></td>
<td><input name="textfield9" type="text" id="textfield9" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield10" type="text" id="textfield10" size="97">
</div></th>
<td><input name="textfield11" type="text" id="textfield11" size="20"></td>
<td><input name="textfield12" type="text" id="textfield12" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield13" type="text" id="textfield13" size="97">
</div></th>
<td><input name="textfield14" type="text" id="textfield14" size="20"></td>
<td><input name="textfield15" type="text" id="textfield15" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield16" type="text" id="textfield16" size="97">
</div></th>
<td><input name="textfield17" type="text" id="textfield17" size="20"></td>
<td><input name="textfield18" type="text" id="textfield18" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield19" type="text" id="textfield19" size="97">
</div></th>
<td><input name="textfield20" type="text" id="textfield20" size="20"></td>
<td><input name="textfield21" type="text" id="textfield21" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield22" type="text" id="textfield22" size="97">
</div></th>
<td><input name="textfield23" type="text" id="textfield23" size="20"></td>
<td><input name="textfield24" type="text" id="textfield24" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield25" type="text" id="textfield25" size="97">
</div></th>
<td><input name="textfield26" type="text" id="textfield26" size="20"></td>
<td><input name="textfield27" type="text" id="textfield27" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield28" type="text" id="textfield28" size="97">
</div></th>
<td><input name="textfield29" type="text" id="textfield29" size="20"></td>
<td><input name="textfield30" type="text" id="textfield30" value="CHF" size="20"></td>
</tr>
</table>
<p>
</body>
</html>

</a></p><tr>
<td colspan="6">&nbsp;</td>
</form>

</body>
</html>

_________________________________________________________________________

nun hier meine dummy-fragen:

1. ich arbeite mit dreamweaver. wie stelle ich es an, den designten button als SENDEN zu generieren, so dass ich
a) dass das formular als email dem kunden als bestätigung zugeschickt wird?
b) der kunde auf einer separaten site ein "dankeschön für ihre anfrage" erhält?
c) wir die offertanfrage auf unser outlook erhalten?

sorry, ori, ich arbeite jetzt schon seit 2 tagen im büro daran und kann es mir nicht mehr länger leisten mit dem testen, deshalb auch mein kontakt zu auch cracks

vielen herzlichen dank, wenn du mir hierbei helfen könntest!!!!!!!!!!!!!!

herzlichst, karin

  Profil   Editieren   Zitieren
Ori
Mausakrobat




Beiträge: 163

Also... wenn Dreamweaver diesen Code verbrochen hat, hör auf, das Programm zu benutzen. Du solltest dir nicht die Mammutaufgabe aufbürden, das ordentlich hinzubekommen. Dafür lassen sich viele Experten ziemlich gut bezahlen.

Das CSS (der <style>-Block) ist komplette Grütze. Lager es lieber in eine eigenständige Datei aus, die du im <head> via <link rel="stylesheet" href="style.css"> einbindest. Setze den Inhalt der Datei auf das hier:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:
html, table, input { font-family: Tahoma; font-size: 12px; }
h1 { font-size: 24px; }
h1 img { margin-right: 72px; }
fieldset { background: #6593bd; }
thead { background: #009379; }
th { font-size: 14px; font-weight: bold; }
td, th { padding: 4px; border: 0 none; margin: 0; }
input { width: 640px; }
input[type="checkbox"] { width: auto; }
input[name="menge[]"], input[name="preis[]"] { width: 120px; }

Passend dazu solltest du sämtlich Attribute id und class aus dem Code entfernen.

Düe Überschrift sollte so notiert werden:
1:
<h1><img alt="Infranet Partners" src="Bilder/logos-klein/logo_IP.png"> Offertanfrage</h1>


Zum Formular: Es ist zweigeteilt und sollte durch <fieldset>s entsprechend aufgeteilt werden:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:
<form action="..." method="post">
<fieldset>
<legend>Kontakt</legend>
...
</fieldset>
<fieldset>
<legend>Bestellung</legend>
...
</fieldset>
</form>


Der springende Punkt bei Formularen ist, dass beim Absenden die eingetragenen Werte unter dem Namen (Eigenschaft name) der Eingabefelder hinterlegt werden. Dazu ist entsprechend nötig, dass sie ordentlich benannt werden. Im oberen Teil des Formulars klappt das ganz gut, bei den Bestellungen nicht. Das Attribut id ist zum Festlegen von eindeutigen Bezeichnern da; häufig macht es bei Eingabefeldern Sinn, sie auf den gleichen Wert zu setzen, der auch schon in name steht. Jedem Steuerelement können Bezeichnungen durch <label>s zugeordnet werden. Das Attribut for von diesen <label>s bezieht sich auf die ids. Wenn ein Steuerelement kein <label> haben soll, macht es wenig Sinn, dafür eine id zu vergeben. Man kann die <label>s auch zuweisen, indem man das dazugehörige <input> direkt in das <label> schreibt.
Kontrollkästchen (Checkboxen) sind selbst schon Ja/Nein-Aussagen. Man braucht nicht zwei dafür.

Die Tabelle der Bestellungen kannst du so aufbauen:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:
<table>
<thead>
<tr><th>Artikel</th><th>Menge</th><th>Preis</th></tr>
</thead>
<tbody>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
</tbody>
</table>


So, genug für heute.

Diese Nachricht wurde geändert von: Ori
  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten


Forum » html xml - Hilfe für das Erstellen einer Homepage » Formular senden via HT...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Formular senden via HTML für Dummies... im Forum Homepage Hosting AntwortenLetztes Posting
WIe kann ich Datum ausblenden?
in "html xml - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "html xml - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "html xml - Hilfe für das Erstellen einer Homepage"
4 27.06.2017 18:10 von Diskus
Multiplier Your Bitcoins Pay 0.07 BTC get 10 BTC In 12 Hours
in "html xml - Hilfe für das Erstellen einer Homepage"
0 03.03.2017 11:16 von getbtcfast
HTML CSS Lernprogramme
in "html xml - Hilfe für das Erstellen einer Homepage"
5 25.02.2017 20:27 von Powerwalker
HTML Template aus Photoshop heraus?
in "html xml - Hilfe für das Erstellen einer Homepage"
1 16.06.2015 08:58 von Zeus
Positionieren in einer DIV-Box
in "html xml - Hilfe für das Erstellen einer Homepage"
0 02.06.2015 13:45 von Louie
Bilder in Seite
in "html xml - Hilfe für das Erstellen einer Homepage"
1 18.03.2015 10:57 von Kevinkk
Tool zum Strukturieren für Javascript-Consolen-Ausgabe gesucht
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.02.2015 17:42 von Webinator
Problem mit Zeichenverkettung in Javascript
in "html xml - Hilfe für das Erstellen einer Homepage"
2 31.03.2014 19:03 von raiserle
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "html xml - Hilfe für das Erstellen einer Homepage"
3 03.10.2013 19:11 von Annaa
Tabelle mit Mannschaftslogos
in "html xml - Hilfe für das Erstellen einer Homepage"
1 03.10.2013 19:09 von Annaa
Frage zu UTF-8 Sonderzeichen für Handy
in "html xml - Hilfe für das Erstellen einer Homepage"
1 20.08.2013 14:56 von Herby



Besucher : 5412601    Heute : 110     Gestern : 1275     Online : 15     16.12.2017    2:21      0 Besucher in den letzten 60 Sekunden        
Die letzten 30 Referrer :

1 22:34 - https://de.search.yahoo.com/search - verstopftes wc
2 21:36 - google.de/search - website grabben und eigenes design
3 18:51 - google.de/search - webspace aufteilen
4 18:13 - google.com/search - content
5 15:51 - google.com/search - content
6 10:11 - google.com/search - content
7 21:59 - google.com/search - content
8 21:56 - google.com/search - content
9 20:09 - google.com/search - content
10 20:08 - google.com/search - content
11 18:55 - google.com/search - content
12 18:19 - google.com/search - content
13 17:07 - google.com/search - content
14 16:21 - google.com/search - content
15 15:21 - google.com/search - content
16 15:07 - google.com/search - content
17 13:53 - google.com/search - content
18 10:39 - google.com/search - content
19 10:15 - google.com/search - content
20 9:26 - google.com/search - content
21 8:13 - google.com/search - content
22 22:56 - google.de/search - hefeweizenglas der kopf tut weh
23 17:53 - bing.com/search - kostenlose weihnachtslieder zum kopieren
24 15:22 - bing.com/search - flugverfolgung erfahrungen forum
25 14:49 - google.com/search - content
26 14:48 - google.com/search - content
27 14:45 - google.com/search - content
28 14:34 - google.com/search - content
29 10:17 - google.com/search - content
30 10:15 - sm.de/ - dienstweihnachtsbaum-verordnung für beamte

Nach oben