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... - 22 August 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
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
Service Erfahrungen Webspace
in "html xml - Hilfe für das Erstellen einer Homepage"
8 17.04.2013 21:16 von Bartolus



Besucher : 5245197    Heute : 589     Gestern : 1177     Online : 80     22.8.2017    13:17      1 Besucher in den letzten 60 Sekunden        
alle 60.00 Sekunden ein neuer Besucher
Die letzten 30 Referrer :

1 18:30 - https://google.de/search - störung gmx
2 1:50 - bing.com/search - 49 Gesch
3 1:38 - bing.com/search - 49 Gesch
4 1:25 - bing.com/search - 49 Gesch
5 23:29 - bing.com/search - beispiel strato forum
6 18:09 - google.de/search - HTML Formulardaten versenden
7 15:55 - https://google.at/search - B
8 12:36 - https://qwant.com/ - theo aktivierungscode generator
9 10:57 - google.bg/search - skype funktioniert nicht mehr 2017
10 2:37 - bing.com/search - gmx störung
11 15:59 - sm.de/ - probleme bei outlook hotmail update
12 11:23 - bing.com/search - auf bestimmten strato server einloggen
13 20:42 - bing.com/search - gmx störung
14 15:34 - google.com/search - content
15 15:22 - google.com/search - content
16 15:20 - google.com/search - content
17 7:17 - bing.com/search - probleme posteingang mit web freemail 2017
18 4:35 - https://bing.com/search - hg bidopa
19 22:59 - bing.com/search - gmx keine mails schreiben möglich störung
20 23:34 - google.de/search - balken in der homepage
21 12:53 - de.search.yahoo.com/search - freemail die kostenlose e news
22 11:30 - astromenda.com/results.php - GMX Netzprobleme
23 22:07 - google.de/search - handy orten freundin
24 13:06 - bing.com/search - htmlcode formular absenden
25 12:30 - google.de/search - heimlich handy orten kostenlos
26 11:52 - bing.com/search - probleme hotmail konto 2017
27 11:27 - bing.com/search - stromverbrauch server pro jahr
28 18:19 - bing.com/search - gmx keine mails schreiben möglich störung
29 17:04 - google.com/search - content
30 17:03 - google.com/search - content

Nach oben