Forum - Eigenes Kontaktformular für Gäste

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Das neue Template Xobor (v6) � Eigenes Kontaktformular für Gäste - HTML

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Eigenes Kontaktformular für Gäste - HTML datum

10.02.2021 00:37 (zuletzt bearbeitet: 12.02.2021 10:54)

Eigenes Kontaktformular für Gäste - HTML
Aktualisiert 12.02.21

Viele selbsterstellte Kontaktformulare benötigen PHP, das aber nicht jeder Provider unterstützt!
Oft wird das Kontaktformular auch als iFrame angeboten, nur lassen sich hier Anpassungen schwer umsetzen!

Hier im Forum kann man als Mitglied über PN's (Private Nachrichten) Kontakt aufnehmen, als Gast über das Impressum & FAQ (muss allerdings sein)!
Auf der Suche nach einem geeigneten Anbieter hat sich SSL-CONTAKT.DE wegen zweifelhafter Werbelinks nicht bewehrt!

Habe den Anbieter ssl-contact.de gelöscht!

Bis dann
Wolfgang

Antworten

#2 | RE: Eigenes Kontaktformular für Gäste - HTML datum

10.02.2021 23:25

Thomas ( Gast )

Der Teil mit mit Adressmonster also

1
 
<a href="https://adressmonster.de" style="text-decoration:none"> </a>

Kann man weglassen. SSL-Contact ist der Betreiber von Adressmonster und somit macht man unfreiwillig Werbung für einen Adresshändler.

creator findet das Top!

Antworten

#3 | Xobor - Hauseigenes Kontaktformular für Gäste erweitern! datum

14.02.2021 18:48 (zuletzt bearbeitet: 10.04.2023 22:57)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3314
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1245

Xobor - Hauseigenes Kontaktformular für Gäste erweitern!

Hallo Thomas und @creator,
besten Dank für Euer Feedback....

Es ist nicht immer einfach bei Online-Diensten einen seriösen und guten Anbieter zu finden.
Oft werden nicht alle Optionen offengelegt und man erkennt erst in der Benutzung oder mit der Zeit, auf was man sich eingelassen hat!
Ich denke, dass hier die Online-Dienste umdenken müssen, denn das Angebot ist groß.
Wer klickt schon Werbung an? Nervige und immer wiederkehrende Werbungen, schon gar nicht!
Auch das Wort "Kostenlos" ist schon lange in Verruf gekommen und längst kein Zugpferd mehr!
Klare Angebote, keine versteckten Tricks und bessere Programme sollten hier Platz einnehmen!

Das Xobor eigene Kontaktformular:
Ist das Kontaktformular unter "Admin > Einstellungen > Impressum > Kontaktformular" aktiviert, ist es im Impressum oder im FAQ aufzufinden!
Hier ist es möglich dem Administrator eine Nachricht zu senden, wenn man Fragen hat oder einen fragwürdigen Inhalt melden möchte!

Super!

Wie sieht es aber bei Gästen und neuen User aus, die sich für das Forum interessieren und Fragen haben?
Hier müssen sie erst schauen, wo und wie sie Ihre Fragen stellen können!
Das Impressum und die Hilfe ist auf jeden Fall ein guter Platz!

Vorschlag:
Wie wäre es, wenn im Login, in der Anmeldung oder bei Fehlern ein Zugang zum Kontaktformular zusätzlich vorhanden wäre?

Installation für alle Templates & Mobil

Was kann das Skript?

Verlinkung zum Xobor-Kontaktformular im Login, in der Anmeldung und bei Fehlermeldungen!
Die Verlinkung führt zur Seite des Xobor-Kontaktformulars und öffnet es auch!
Die geöffnete Seite wird in den Sichtbereich gescrollt!
Die Links sind gut sichtbar, nicht als Button angelegt.
Funktioniert in allen Templates, auch Mobil.
Das Template selber wird nicht verändert und bleibt immer aktuell!

Neues Template (v6):

Das Kontaktformular

Die Verlinkung zum Kontaktformular

Business Template (v4):

Das Kontaktformular

Die Verlinkung zum Kontaktformular

Schlie�en

Für die Templates (v1-4) kann das Skript komplett mit CSS in die "Kopf- oder Fußzeile", als PIugin in "Untere Leiste / header" kopiert werden!!
Für das neue Template (v6) & Mobil kommt das Skript fürs Xobor (v6) & Mobil in Eigenes Javascript, Eigene Fußzeile , HTML vor Navigation oder Eigene Kopfzeile kopiert werden!
In Zeile 2-5 kann das Aussehen der Verlinkung noch angepasst werden!
In Zeile 11 wird die Verlinkung angehängt.
Hier kann auch der Linktext geändert werden!
Durch Zeile 14 wird das Formular geöffnet.
Zeile 16 ist für die Scroll-Funktion zuständig!
Zeile 19-21 blendet die Verlinkung im angemeldeten (v6) aus.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<style>
a.question {width-space:nowrap !important; color:#008018; font-size:11px; margin:0 10px; text-decoration-line:none; display:inline-block;}
a.question:hover{text-decoration:underline !important;}
#login_form a small {display:inline-block;}
.card-body #login_form {text-align:center;}
</style>
 
<script>
window.addEventListener('load', function ( ) {
/* Link einfügen */
$('#form_submit, #pwforget_link, [name="pwforget"],.button1[name="signup"],.nnor[name="signup"],#signup-submit[name="signup"], [name="B1"] + a, #errorlist ~ a').after('<a href="/faq.php#question" class="question">Ich habe eine Frage</a>');
 
if (location.href.indexOf("#question") != -1) {
toggle_contact_form();
/* Scrollfunktion */
$('html, body').delay(500).animate({scrollTop: $('#contact, #impressum, .page2 h2, .inner h2, .tbhi .ntit').offset().top -10}, '1000')
};
/* Nur (v6) - Verlinkung im angemeldeten Forum ausblenden */
if (!$('.navbar-nav.d-none.d-lg-flex strong').length) {
$('.question').hide();
};
 
});
</script>
 

Schlie�en

Anklicken, um den Spoiler zu öffnen und zu schließen!

Bis dann und gutes Gelingen

Wolfgang

Scannerxy und charlie1965 finden das Top!

Antworten

#4 | RE: Eigenes Kontaktformular für Gäste - HTML datum

16.02.2021 13:08

Hallo beisammen!

Ich bin der Betreiber, des Online-Service form.taxi. Dieser Dienst ermöglicht es beliebige HTML-Formular zu empfangen, speichern und sich z.B. per E-Mail zusenden zu lassen.

Wie Wolfgang schon ganz richtig geschrieben hat, ist es oftmals schwer einen guten Anbieter für bestimmte Leistungen zu finden.
form.taxi wird in Österreich entwickelt und die Datenverarbeitung und Speicherung erfolgt ausschließlich in der E.U. Dabei ist uns auch wichtig, dass keine Daten zu andere Anbieter übertragen werden.
So stellen wir auch den Betrieb der Webformulare entsprechend der DSGVO sicher.

Bei Fragen einfach bei mir melden! > support@form.taxi

Liebe Grüße aus Österreich!
Reinhard

Antworten

#5 | Neuer Versuch: Eigenes Kontaktformular für Gäste - HTML datum

20.02.2021 10:04

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3314
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1245

Neuer Versuch: Eigenes Kontaktformular für Gäste - HTML

Für kurze und einfache Mitteilungen reichen die Xobor-Kontaktformulare für Gäste völlig hin!
Ein großer Aufwand würde sich hier nicht lohnen!

Möchte man aber ein besonderes Kontaktformular schaffen mit Form und Farbe, das mehrere Spalten mit den verschiedensten Themen aufweist, das Auswahlmenüs und die unterschiedlichsten Info- und Check-Boxen zu Verfügung stellt, lohnt es sich hier Hand anzulegen!
Wichtig und auch notwendig sollten Verschlüsselungen, Spamschutz und Datenkonformität sein.
Mit einfachen Skripten ist das bestimmt nicht zu bewerkstelligen!
Hier geht die Suche nach einem geeigneten Anbieter los!

Mit Formular-chef.de lassen sich eigene HTML-Formulare erstellen, aber eine sichere Verschlüsselung mit HTTPS gibt es nur in der kostenpflichtigen Profi-Version!

Einen sehr guten Eindruck macht hier wirklich form.taxi - Bitte prüfen!

Mit form.taxi ist es möglicht ein HTML-Formular selbst zu erstellen und zu senden. Hat in der Free-Ware-Version eine Menge zu bieten!
Kommt ohne Werbelinks im Kontaktformular aus!
Wer mehr will, kann auf den Profitarif umsteigen!

Installation der eigenen HTML-Kontaktformulare - Für alle Templates & Mobil

Das Kontakt-Formular wird über eine Verlinkung der "Eigenen Seite" aufgerufen:

• <a href="https://www.hilfe-tricks-tipps.de/page-104774-33.html">Kontaktformular</a>

• [url=https://www.hilfe-tricks-tipps.de/page-104774-33.html]Kontaktformular[/url]

Erste Schritte (mit Anbieter "form.taxi"):

Webseite von form.taxi aufrufen, sich registrieren und ein eigenes Konto anlegen.
Später hat man Zugriff auf die Verwaltung der Webformulare, hat Einsicht auf aktuelle Sendungen, Formulare und Dokumentationen!
Es folgen Informationen zur Integration!
Sendeadresse aufschreiben z.B.: https://form.taxi/s/h6u18ffq.
Später auch unter "Anmelden --> Formulare > Kontaktformular > Anzeigen > Einstellungen > Sendeadresse" zu finden.
Nach der Anmeldung bekommt man eine Email, um die Registrierung abzuschließen.
Ohne Abschluss der Registrierung wird der Account nach einer Woche gelöscht!
Formular unter Formularvorlagen auswählen oder ein eigenes Formular erstellen!

Formularvorlagen von "form.taxi"

Kontaktformular: HTML Vorlage - Kontaktformular
Terminanfrage: HTML Vorlage - Terminanfrage
Bewerbungsformular: HTML Vorlage - Bewerbungsformular

Die zugesandte "Sendeadresse" wird unter "action" in Zeile 136 eingetragen.
Das HTML-Skript ist für die Eintragung Eigene Seiten gedacht:

"Neue Seite erstellen...", "HTML Quelltext direkt bearbeiten?", "Editor ausschalten" und "Weitere Einstellungen ein-/ausblenden" anklicken.
Berechtigungen vergeben: Sinnvoll ist "Gäste"!
Wenn "Premium-Tarif", Option "Kopf- und Fußzeile ausblenden" anhaken.
Namen vergeben, z.B.: "Kontaktformular für Gäste"

Das Kontaktformular kann nach Belieben erweitert oder gekürzt werden.
Alle Boxen sind mit Überschriften versehen, um besser die Funktionen zu erkennen!
In Zeile 217 wird die Signatur / das Copyright angepasst!
Das Kontakt-Formular wird über eine Verlinkung der "Eigenen Seite" aufgerufen!
z.B.: <a href="https://www.hilfe-tricks-tipps.de/page-104774-70.html">Kontaktformular</a>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
 
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kontaktformular</title>
</head>
 
<body oncontextmenu="return false" bgcolor="#111111">
 
<style>
.table_kont {
 margin: 20px auto;
 max-width:550px;
}
.head_kont {
 width:500px;
 background-color: #dddddd; 
 text-align:left;
 padding:10px 40px 5px 25px;
 border-radius: 6px;
 color: #222222 !important; 
 border:1px solid #000000;
}
.head_kont span {
 font-size:30px;
 text-align:center;
 margin:20px 25px auto 0;
 float:left;
 font-weight: bold;
}
.head_kont img {
 margin-right:30px;
 float:left;
 height:60px;
}
.head_kont.daten {
 background:url("https://files.homepagemodules.de/b104774/a_340_b2e88c9c.png");
 background-size: cover;
 background-repeat:no-repeat !important;
 background-color:#dddddd;
}
#kontaktformular {
 background-color: #eeeeee !important;
 padding: 10px 10px 20px 10px;
 border: 1px solid #8c8c8c;
 box-shadow:6px 6px 8px #aaaaaa;
 border-radius: 6px;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px;
}
#kontaktformular .kontakt_label {
 display:inline-block;
 font-weight:bold;
 background:#ffffff;
 padding:1px 5px;
 border-radius:2px;
 margin:7px 0 2px 0;
 font-size:75%;
 color:#000000 !important;
}
#kontaktformular .kontakt_lab {
 color:#222222 !important;
}
#kontaktformular input:hover, #kontaktformular textarea:hover, #kontaktformular input[type="radio"]:hover {
 background:#bbbbbb !important; 
 cursor:pointer;
}
#kontaktformular input:focus, #kontaktformular textarea:focus {
 background-color: #d9d9d9 !important;
 cursor:text;
}
#kontaktformular #nachricht_k {
 height: 5em;
}
#kontaktformular .kontakt_form::placeholder { 
 opacity:0.8;
 color: #000000 !important;
}
#kontaktformular .kontakt_form {
 width:98%;
 border: 1px solid #8c8c8c;
 padding:1px 5px;
 display: block;
 cursor: pointer;
 background:#eeeeee !important;
 color: #000000 !important;
}
#kontaktformular .button4, #kontaktformular .button5{
 background-image:url("https://files.homepagemodules.de/b104774/a_343_52b653ba.jpg"); 
 background-size: cover;
 background-color:#383838;
 color:#ffffff !important;
 padding: 3px 5px;
 border-radius:2px ; 
 -moz-border-radius:2px; 
 -webkit-border-radius:2px;
 border:1px solid #eeeeee;
}
#kontaktformular .button5{
 float:right;
}
#kontaktformular .button4{
 margin-right:10px;
 float:left;
}
#kontaktformular .button4:hover, #kontaktformular .button5:hover {
 cursor:pointer;
 background:#777777 !important;
}
#kontaktformular #sign {
 color: #000000;
 float:right;
 margin:2px auto 0px auto;
 font-size:12px;
}
 
#kontaktformular input[type="radio"]:hover, #kontaktformular input[type="checkbox"]:hover {
cursor:pointer;
}
#kontaktformular input[type="radio"]:checked {
cursor:default !important;
}
#kontaktformular input, #kontaktformular select, #kontaktformular textarea {
width: auto;
box-shadow:none;
font-size:100% !important;
}
</style>
 
<table class="table_kont">
<tr>
<td>
 
<!-- Zugesandte Sendeadresse in Zeile 136 unter "action" eintragen --> 
<form id="kontaktformular" name="kontaktformular" action="https://form.taxi/s/11111111" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
<!-- Überschrift -->
<table class="table_daten">
<tr>
<td class="head_kont"><img src="https://files.homepagemodules.de/b104774/a_342_8c566e58.png">
<span>Kontaktformular</span></td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="head_kont daten">
 
<!-- Radiobutton - Anrede -->
<label class="kontakt_label">*Anrede</label><br>
<label class="kontakt_lab" for="Frau">Frau:</label>
<input type="radio" name=" &nbsp; Anrede" checked="checked" value="Frau">
<label class="kontakt_lab" for="Herr">Herr:</label>
<input type="radio" name=" &nbsp; Anrede" value="Herr">
<br>
 
<!-- Textfeld einzeilig - Vorname -->
<label for="Vorname" class="kontakt_label">*Vorname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Vorname" required="required" placeholder="Max">
 
<!-- Textfeld einzeilig - Nachname -->
<label for="Nachname" class="kontakt_label">*Nachname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Mustermann">
 
<!-- E-Mail -->
<label for="Absender" class="kontakt_label">*E-Mail-Adresse:</label>
<input type="email" id="absender" class="kontakt_form" name=" &nbsp; Absender" required="required" placeholder="gast@web.de">
 
<!-- Datum - Geburtstag -->
<label for="Geburtstag" class="kontakt_label">Geburtstag:</label>
<input type="date" class="kontakt_form" name="Geburtstag">
 
<!-- Textfeld einzeilig - Webseite -->
<label for="Webseite" class="kontakt_label">Webseite:</label>
<input type="text" class="kontakt_form" name="Webseite" placeholder="https://www.server.de">
 
<!-- Selectbox - Auswahl Kategorie -->
<label for="Kategorie der Webseite" class="kontakt_label">Kategorie der Webseite:</label>
 <select class="kontakt_form" name="Webseiten-Kategorie">
    <option value="" disabled selected hidden>Bitte auswählen</option>
    <option value="Computer & Technik">Computer & Technik</option>
    <option value="Fotografie & Video">Fotografie & Video</option>
    <option value="Ausbildung & Beruf">Ausbildung & Beruf</option>
    <option value="Pflanzen & Garten">Pflanzen & Garten</option>
    <option value="Gesundheit">Gesundheit</option>
    <option value="Modellbau">Modellbau</option>
    <option value="Tiere">Tiere</option>
    <option value="Spiele">Spiele</option>
    <option value="Sonstiges">Sonstiges</option>
 </select>
 
<!-- Textfeld mehrzeilig - Nachricht -->
<label for="Nachricht" class="kontakt_label">*Nachricht:</label><br>
<textarea id="nachricht_k" class="kontakt_form" name=" &nbsp; Nachricht" required="required" placeholder="Ich habe da eine Frage!"></textarea>
 
<!-- Checkbox - Newsletter / Angebote -->
<label class="kontakt_label">Information:</label><br>
 <input type="checkbox" name="Newsletter" checked="checked"> <label class="kontakt_lab" for="Newsletter">Newsletter</label>
 <input type="checkbox" name="Angebote"> <label class="kontakt_lab" for=Angebote>Angebote</label>
<br>
 
 
<!-- Bot- Spamschutz -->
<input type="text" name="_gotcha" value="" style="display:none;">
 
<!-- Sende-, Abbrech- und Zurück-Button -->
<br>
<input type="submit" class="button4" value="Abschicken"> <input type="reset" class="button4" value="Abbrechen"> 
<input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript:history.back()'" value="Zurück">
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Felder markiert mit * sind Pflichtfelder.</small>
<br><br>
 
</td>
</tr>
</table>
 
<!-- Signatur -->
<div id="sign">© Hilfe, Tricks & Tipps seit 2006</div>
 
</form>
</td>
</tr>
</table>
 
</body>
</html>
 

Schlie�en

Vorschau: Kontaktformular im hellen Design

Die zugesandte "Sendeadresse" wird unter "action" in Zeile 127 eingetragen.
Das HTML-Skript ist für die Eintragung Eigene Seiten gedacht:

"Neue Seite erstellen...", "HTML Quelltext direkt bearbeiten?", "Editor ausschalten" und "Weitere Einstellungen ein-/ausblenden" anklicken.
Berechtigungen vergeben: Sinnvoll ist "Gäste"!
Wenn "Premium-Tarif", Option "Kopf- und Fußzeile ausblenden" anhaken.
Namen vergeben, z.B.: "Kontaktformular für Gäste"

Das Kontaktformular kann nach Belieben erweitert oder gekürzt werden.
Alle Boxen sind mit Überschriften versehen, um besser die Funktionen zu erkennen!
In Zeile 206 wird die Signatur / das Copyright angepasst!
Das Kontakt-Formular wird über eine Verlinkung der "Eigenen Seite" aufgerufen!
z.B.: <a href="https://www.hilfe-tricks-tipps.de/page-104774-33.html">Kontaktformular</a>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
 
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kontaktformular</title>
</head>
 
<body ooncontextmenu="return false" bgcolor="#111111">
 
<style>
.table_kont {
 margin: 0px auto;
 max-width:550px;
}
.head_kont {
 width:500px;
 background-color:#262626;
 text-align:left;
 padding:5px;
 color: #ffffff !important; 
 border:1px solid #000000;
}
.head_kont span {
 font-size:30px;
 text-align:center;
 margin:20px 25px auto 0;
 float:left;
 font-weight: bold;
}
.head_kont img {
 margin-right:30px;
 float:left;
 height:60px;
}
#kontaktformular {
 background-color:#383838;
 padding: 10px 10px 20px 10px;
 border: 1px solid #8c8c8c;
 box-shadow:6px 6px 8px #aaaaaa;
 border-radius: 6px;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px;
}
#kontaktformular .kontakt_label {
 display:inline-block;
 font-weight:bold;
 padding:1px 5px;
 margin:7px 0 1px 0;
 font-size:75%;
 color: #ffffff !important;
}
#kontaktformular .kontakt_lab {
 color: #eeeeee !important;
}
#kontaktformular input:hover, #kontaktformular textarea:hover, #kontaktformular input[type="radio"]:hover {
 background:#bbbbbb !important; 
 cursor:pointer;
}
#kontaktformular input:focus, #kontaktformular textarea:focus {
 background-color: #d9d9d9 !important;
 cursor:text;
}
#kontaktformular #nachricht_k {
 height: 5em;
}
#kontaktformular .kontakt_form::placeholder { 
 opacity:0.8;
 color: #000000 !important;
}
#kontaktformular .kontakt_form {
 width:98%;
 border: 1px solid #8c8c8c;
 padding:1px 5px;
 display: block;
 cursor: pointer;
 background-color:#eeeeee !important;
 color: #000000 !important;
}
#kontaktformular .button4, #kontaktformular .button5{
 background-image:url("https://files.homepagemodules.de/b104774/a_343_52b653ba.jpg"); 
 background-size: cover;
 background-color:#383838;
 color:#ffffff !important;
 padding: 3px 5px;
 border-radius:2px ; 
 -moz-border-radius:2px; 
 -webkit-border-radius:2px;
 border:1px solid #eeeeee;
}
#kontaktformular .button5{
 float:right;
}
#kontaktformular .button4{
 margin-right:10px;
 float:left;
}
#kontaktformular .button4:hover, #kontaktformular .button5:hover {
 cursor:pointer;
 background:#777777 !important;
}
#kontaktformular #sign {
 color: #aaaaaa;
 float:right;
 margin:2px auto 0px auto;
 font-size:12px;
}
 
#kontaktformular input[type="radio"]:hover, #kontaktformular input[type="checkbox"]:hover {
cursor:pointer;
}
#kontaktformular input[type="radio"]:checked {
cursor:default !important;
}
#kontaktformular input, #kontaktformular select, #kontaktformular textarea {
width: auto;
box-shadow:none;
font-size:100% !important;
}
</style>
 
<table class="table_kont">
<tr>
<td>
 
<!-- Zugesandte Sendeadresse in Zeile 127 unter "action" eintragen -->
<form id="kontaktformular" name="kontaktformular" action="https://form.taxi/s/11111111" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
<!-- Überschrift -->
<table class="table_daten">
<tr>
<td class="head_kont"><img src="https://files.homepagemodules.de/b104774/a_342_8c566e58.png"><span>Kontaktformular</span></td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="head_kont">
 
<!-- Radiobutton - Anrede -->
<label class="kontakt_label">*Anrede</label><br>
<label class="kontakt_lab" for="Frau">Frau:</label>
<input type="radio" name=" &nbsp; Anrede" checked="checked" value="Frau">
<label class="kontakt_lab" for="Herr">Herr:</label>
<input type="radio" name=" &nbsp; Anrede" value="Herr">
<br>
 
<!-- Textfeld einzeilig - Vorname -->
<label class="kontakt_label" for="Vorname">*Vorname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Vorname" required="required" placeholder="Bitte ausfüllen">
 
<!-- Textfeld einzeilig - Nachname -->
<label class="kontakt_label" for="Nachname">*Nachname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Bitte ausfüllen">
 
<!-- E-Mail -->
<label class="kontakt_label" for="Absender">*E-Mail-Adresse:</label>
<input type="email" id="absender" class="kontakt_form" name=" &nbsp; Absender" required="required" placeholder="Bitte ausfüllen">
 
<!-- Datum - Geburtstag -->
<label class="kontakt_label" for="Geburtstag">Geburtstag:</label>
<input type="date" class="kontakt_form" name="Geburtstag">
 
<!-- Textfeld einzeilig - Webseite -->
<label class="kontakt_label" for="Webseite">Webseite:</label>
<input type="text" class="kontakt_form" name="Webseite" placeholder="Optional">
 
<!-- Selectbox - Auswahl Kategorie -->
<label class="kontakt_label" for="Kategorie">Kategorie:</label>
 <select class="kontakt_form" name="Kategorie">
    <option value="" disabled selected hidden>Bitte auswählen</option>
    <option value="Computer & Technik">Computer & Technik</option>
    <option value="Fotografie & Video">Fotografie & Video</option>
    <option value="Ausbildung & Beruf">Ausbildung & Beruf</option>
    <option value="Pflanzen & Garten">Pflanzen & Garten</option>
    <option value="Gesundheit">Gesundheit</option>
    <option value="Modellbau">Modellbau</option>
    <option value="Tiere">Tiere</option>
    <option value="Spiele">Spiele</option>
    <option value="Sonstiges">Sonstiges</option>
 </select>
 
<!-- Textfeld mehrzeilig - Nachricht -->
<label class="kontakt_label" for="Nachricht">*Nachricht:</label><br>
<textarea id="nachricht_k" class="kontakt_form" name=" &nbsp; Nachricht" required="required" placeholder="Bitte ausfüllen"></textarea>
 
<!-- Checkbox - Newsletter / Angebote -->
<label class="kontakt_label">Informationen</label><br>
 <input type="checkbox" name="Newsletter" checked="checked"> <label class="kontakt_lab" for="Newsletter">Newsletter</label>
 <input type="checkbox" name="Angebote"> <label class="kontakt_label" for="Angebote">Angebote</label>
 <br> 
 
<!-- Bot- Spamschutz -->
<input type="text" name="_gotcha" value="" style="display:none;">
 
<!-- Sende-, Abbrech- und Zurück-Button -->
<br>
<input type="submit" class="button4" value="Abschicken"> <input type="reset" class="button4" value="Abbrechen"> 
<input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript:history.back()'" value="Zurück">
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Felder markiert mit * sind Pflichtfelder.</small>
<br><br>
 
</td>
</tr>
</table>
 
<!-- Signatur -->
<div id="sign">© Hilfe, Tricks & Tipps seit 2006</div>
 
</form>
</td>
</tr>
</table>
 
</body>
</html>
 

Schlie�en

Vorschau: Kontaktformular im dunklen Design

Wichtige und interessante Links zum Thema Kontaktformulare:

Bis dann und gutes Gelingen beim Einbau!

Wolfgang

Antworten

#6 | Kostenloses Kontaktformular - HTML datum

22.02.2022 00:30

Kostenloses Kontaktformular - HTML

Im Support wurde gerade von Sami einen toller Link zum Gratis-Kontaktformular vorgestellt!
Habe bis jetzt noch nichts Negatives festgestellt....
Wenn Interesse besteht, bitte prüfen!

Das Formular ist 100% kostenlos
Für private & auch geschäftliche Webseiten
Optimiert für Smartphones
HTTPS verschlüsselt
DSGVO konform DSGVO-Hinweis

Dein Kontaktformular: https://www.gratis-kontaktformular.de/

Wolfgang

844er findet das Top!

Antworten

#7 | RE: Kostenloses Kontaktformular - HTML datum

23.02.2022 23:16

Im Prinzip ist der Generator ja nicht schlecht, nur wenn er nicht das macht was ich will
und das obwohl er es mir anbietet, finde ich nicht so prickelnd.

Ich habe nun zigmal versucht, den Nachnamen weg zu lassen, aber das interessiert diesen Generator nicht.

Binde ich das Formular ein, lächelt mich der Nachname an und das natürlich als Pflichtfeld aber ich bin kein Google oder Facebook und will nicht alles wissen.

Mein Fazit:
Nicht zu empfehlen ;-)

Liebe Grüße von Mato

Antworten

#8 | RE: Neuer Versuch: Eigenes Kontaktformular für Gäste - HTML datum

26.08.2023 04:08 (zuletzt bearbeitet: 27.08.2023 08:12)

Daishi

Informationen anzeigen

Beitr�ge:	336
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	291

Aktualisiert 12.08.22

Hallo Wolfgang, ich muss sagen, du hast hier eine super Arbeit geleistet, mit dem Kontaktformular.

Ich bin ja nicht so gut und habe ein Versuch gestartet und mir selbst eins geschrieben, na ja der Schuss ging voll nach hinten los.

Da fand ich hier im Forum dein Beitrag und deine wundervolle Arbeit.

Ich habe mir deine weise Vorlage genommen, und dann etwas weiterbearbeitet, etwas verändert, und nach meinen Wünschen angepasst. Die Befehlsbeschreibung war für den ersten Blick nicht ganz klar für mich, aber ich brauchte 2 Tage bis ich dahinterkam und ich es verstand, dass ich das nach meinem Wünschen hinbekam.

Das Kontaktformular kann man gestalten wie man möchte und das finde ich echt super. Wenn man sich da richtig einarbeitet, kann man damit echt viel machen. Da ich das Copyright nicht entfernen wollte, habe ich da noch Änderungen gemacht, ich hoffe das, das so ok war.

Webseite von form.taxi bin ich sehr zufrieden, keine Werbung und es tut, was es soll und es funktioniert einwandfrei.

Hier zeige ich mal ein Bild, wie es aussieht:

Der Link dazu:

Das Kontaktformular

Und hier das Script:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
 
<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<center><div id="box-news-container">
  <p><i class="fa fa-cog fa-spin"></i>  Kontaktformular 
</p>
  
<style>
 

 body {
font-family:'Oswald',serif;
text-align: justify;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 95vh;
}
 
#box-news-container {
    position: relative;
    margin: 100px 2.5% auto 2.5%;
    width: 95%;
    max-width: 500px;
    height: atuo;
    background: linear-gradient(110deg, #dfe3f1 60%, #dfe3f1 60%);
    font-size: 16px;
    padding: 20px 10px;
   line-height:1.8em;
   box-shadow: 0 14px 28px     rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#box-news-container::before {
    position: absolute;
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    right: -2px;
    top: -2px;
    background: linear-gradient(to right, blue, lightblue);
    z-index: -1;
}
p {
    position: absolute;
    top: -18px;
    left: 5%;
    padding: 1px 20px;
    margin: 0;
    font-size: 20px;
    color:#fff;
    font-weight: normal;
    background: linear-gradient(-122deg, rgba(255,0,0,0) 10%,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 0%, rgb(61%,19%,100%) 0);
}
  .table_kont {
 margin: 20px auto;
 max-width:550px;
}
.head_kont {
 width:500px;
 background-color: none; 
 text-align:left;
 padding:10px 40px 5px 25px;
 border-radius: 6px;
 color: #222222 !important; 
 border:1px solid #000000;
}
.head_kont span {
 font-size:30px;
 text-align:center;
 margin:20px 25px auto 0;
 float:left;
 font-weight: bold;
}
.head_kont img {
 margin-right:30px;
 float:left;
 height:60px;
}
.head_kont.daten {
 background-size: cover;
 background-repeat:no-repeat !important;
 background-color:none;
}
#kontaktformular {
 background-color: none !important;
 padding: 10px 10px 20px 10px;
 border: 1px solid #8c8c8c;
 box-shadow:6px 6px 8px #aaaaaa;
 border-radius: 6px;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px;
}
#kontaktformular .kontakt_label {
 display:inline-block;
 font-weight:bold;
 background:none;
 padding:1px 5px;
 border-radius:2px;
 margin:7px 0 2px 0;
 font-size:75%;
 color:#000 !important;
}
#kontaktformular .kontakt_lab {
 color:#222222 !important;
}
#kontaktformular input:hover, #kontaktformular textarea:hover, #kontaktformular input[type="radio"]:hover {
 background:#f5f2f2 !important; 
 cursor:pointer;
}
#kontaktformular input:focus, #kontaktformular textarea:focus {
 background-color: #d9d9d9 !important;
 cursor:text;
}
#kontaktformular #nachricht_k {
 height: 5em;
}
#kontaktformular .kontakt_form::placeholder { 
 opacity:0.8;
 color: #000000 !important;
}
#kontaktformular .kontakt_form {
 width:98%;
 border: 1px solid #8c8c8c;
 padding:1px 5px;
 display: block;
 cursor: pointer;
 background:#eeeeee !important;
 color: #000000 !important;
}
#kontaktformular .button4, #kontaktformular .button5{ 
 background-size: cover;
 background-color:#eeeeee;
 color:#000 !important;
 padding: 3px 5px;
 border-radius:2px ; 
 -moz-border-radius:2px; 
 -webkit-border-radius:2px;
 border:1px solid #eeeeee;
}
#kontaktformular .button5{
 float:right;
}
#kontaktformular .button4{
 margin-right:10px;
 float:left;
}
#kontaktformular .button4:hover, #kontaktformular .button5:hover {
 cursor:pointer;
 background:#807d7d !important;
}
#kontaktformular #sign {
 color: #000000;
 float:right;
 margin:2px auto 0px auto;
 font-size:12px;
}
 
#kontaktformular input[type="radio"]:hover, #kontaktformular input[type="checkbox"]:hover {
cursor:pointer;
}
#kontaktformular input[type="radio"]:checked {
cursor:default !important;
}
#kontaktformular input, #kontaktformular select, #kontaktformular textarea {
width: auto;
box-shadow:none;
font-size:100% !important;
}
#kontaktformular #Daishi {
 color: #000000;
 float:center;
 margin:2px auto 0px auto;
 font-size:12px;
}
</style> 
 
 <table class="table_kont">
<tr>
<td>
 
<!-- Zugesandte Sendeadresse in Zeile 136 unter "action" eintragen --> 
<form id="kontaktformular" name="kontaktformular" action="https://form.taxi/s/a4p4vgsf" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
<!-- Überschrift -->
<table class="table_daten">
 
<tr>
 
<td class="head_kont"><img src="https://files.homepagemodules.de/b906480/avatar-bbf0d685-1.jpg"> <label class="kontakt_label">Hausmeisterservice Service Crew Loreth in Dahme/Mark  (Dahme)</label><br>  
 <small style="float:left;margin:2px 0 5px 5px;clear:both;">Meine Verantwortung gegenüber meiner Familie spiegelt sich in meinem Pflichtbewusstsein wider,<br> die ich gegenüber meinem Gewerbe und meinen Kunden empfinde.<br>
An diesen Maßstäben habe ich auch meine Firmenphilosophie ausgerichtet: <br>
Wir setzten bei all unseren Kunden auf eine partnerschaftliche, direkte und damit langfristig erfolgreiche Zusammenarbeit.<br> 
Dabei ist uns die persönliche und individuell abgestimmte Beratung besonders wichtig, da sie uns hilft, so schnell und flexibel wie möglich auf Ihre Wünsche zu reagieren.<br>  
Durch diese stete Qualitätskontrolle können wir ebenfalls sicherstellen, uns immer weiter zu verbessern.<br> 
Ich würde mich freuen, auch Sie bald im Kreis meiner Kunden begrüßen zu dürfen.<br>
Mit freundlichen Grüßen Ihr Christian Loreth</small><br><br>
<br>
<br>
<br>
</tr>
 <tr> 
 <tr>
 <tr>
<td class="head_kont daten">
<img src="//files.homepagemodules.de/b906480/a_215_abceadf2.png">  
<span>Kontaktformular</span><br>
</tr>
<tr><td> </td></tr>
 
<tr>
<td class="head_kont daten">
 
<br>
<br>
<br>  
<!-- Radiobutton - Anrede -->
<label class="kontakt_label">*Anrede</label><br>
<label class="kontakt_lab" for="Frau">Frau:</label>
<input type="radio" name=" &nbsp; Anrede" checked="checked" value="Frau">
<label class="kontakt_lab" for="Herr">Herr:</label>
<input type="radio" name=" &nbsp; Anrede" value="Herr">
<br>
 
<!-- Textfeld einzeilig - Vorname -->
<label for="Vorname" class="kontakt_label">*Vorname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Vorname" required="required" placeholder="Max">
 
<!-- Textfeld einzeilig - Nachname -->
<label for="Nachname" class="kontakt_label">*Nachname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Mustermann">
 
<!-- E-Mail -->
<label for="Absender" class="kontakt_label">*E-Mail-Adresse:</label>
<input type="email" id="absender" class="kontakt_form" name=" &nbsp; Absender" required="required" placeholder="gast@web.de">
  
<!-- Telefon -->
 <label for="Telefon" class="kontakt_label">*Telefon:</label>
<input type="Telefon" id="Telefon" class="kontakt_form" name=" &nbsp; Telefon" required="required" placeholder="1234/567890"> 
  
<!-- Textfeld einzeilig - Webseite -->
<label for="Webseite" class="kontakt_label">Webseite:</label>
<input type="text" class="kontakt_form" name="Webseite" placeholder="https://www.server.de">
<br>
 
<!-- Information -->
 <label class="kontakt_label">Information:</label><br> 
 <label class="kontakt_label">Zuschläge auf die Arbeitszeit:</label><br>
 <small style="float:left;margin:2px 0 5px 5px;clear:both;">Freitags (ab 18:00 Uhr) 12 % Zuschlag<br>
Samstagszuschlag:
von 0:00-24:00 Uhr: 25 %<br>
Sonn- und Feiertagszuschlag:
von 0:00-24:00 Uhr: 75 %</small><br>
<br>
<label class="kontakt_label">Anfahrtskosten je Umkreis:</label><br><small style="float:left;margin:2px 0 5px 5px;clear:both;">Dahme/Mark: Fahrtkostenpauschale 5 �<br>
Zieckau: Fahrtkostenpauschale 10,20 �<br>
Jüterbog: Fahrtkostenpauschale 14,65 �<br>
Zossen: Fahrtkostenpauschale 21,90 �</small></label><br>  
  <br> 
  <br><br>
<label class="kontakt_label">Gasflaschen-Preise je verbrauchte Gas - Flasche:</label><br> 
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Da sich die Füllpreise sich stetig ändern<br>     
 
Gasflasche  5 kg      zwischen 15,54 �  bis 17,64 �<br>
 
Da sich die Füllpreise sich stetig ändern<br>
 
Gasflasche  11 kg    zwischen 30,65 �  bis 38,74 � <br>
 
Für das Bezahlen der Flasche kann der Kassenbon vorgelegt werden.</small></label><br>  
  <br>
  <br>
<br>
<br>
 <br> 
<!-- Datum - Terminwunsch -->
<label for="Terminwunsch" class="kontakt_label">Terminwunsch:</label>
<input type="date" class="kontakt_form" name="Terminwunsch">
<br>
  <!-- Checkbox - Information&#8203; Vormittags nachmittags Ganztägig -->
 <input type="checkbox" name="Vormittags erwünscht" value="Ja bitte ich möchte das Sie Vormittags Kommen">Vormittags<br>
<input type="checkbox" name="Nachmittags erwünscht" value="Ja bitte ich möchte das Sie Nachmittags Kommen">Nachmittags<br>
<input type="checkbox" name="Ganztägig erwünscht" value="Ja bitte ich möchte das Sie Ganztägig Kommen">Ganztägig<br>
 <br>
 <br> 
  <!-- Checkbox - Dienstleistungen -->
  <label class="kontakt_label">Dienstleistungen:</label><br>
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie Unkraut abflämmen"> Unkraut abflämmen
<br>
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie Rasenmähen"> Rasenmähen
<br>
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie die Grabpflege machen"> Grabpflege
<br> 
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie die Heckenschneiden"> Heckenschneiden
<br>  
  <br>
 <br>
 
  <br>
  <br>
  <!-- Selectbox - Baustellenfotos Vorher / Nacher -->
<label for="Baustellenfotos Vorher / Nacher" class="kontakt_label">Baustellenfotos:</label><br>
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Eine sorgfältige fotografische Dokumentation von Bauprojekten und Sanierungsprojekten bietet zahlreiche Vorteile. Durch die Fotografie kann nicht nur eine umfassende Dokumentation erstellt werden, sondern auch ein Vergleich zwischen dem vorherigen und aktuellen Zustand der Immobilie oder des Projekts durchgeführt werden. Baustellenfotos stellen wichtige Informationsmaterialien für Kunden, Investoren und die Öffentlichkeit dar und können das Vertrauen in das Projekt sowie die beteiligten Unternehmen stärken.</small><br>  
  
<label for="Baustellenfotos Vorher / Nacher" class="kontakt_label">Baustellenfotos Vorher / Nacher:</label><br>
 <label for="Baustellenfotos Vorher / Nacher" class="kontakt_label"> <img src="https://i.ibb.co/bzyVn4m/20221007-165317.jpg"></label> <label for="Baustellenfotos Vorher / Nacher" class="kontakt_label"> <img src="https://i.ibb.co/rGLj0gP/20221007-165323.jpg"></label><br>
<br>
 <!-- Erlaubnisanfrage --> 
  <label class="kontakt_label">Erlaubnisanfrage:</label><br>
  <small style="float:left;margin:2px 0 5px 5px;clear:both;">Darf ich für den Vorher-Nachher Vergleich von der Arbeit Bilder machen und auf meiner Webseite einfügen?</small><br>
<br>  <br>
<input type="checkbox" name="Bild/Fotografieren" value="Ja, Sie dürfen gern Fotos machen!"> Ja, Sie dürfen gern Fotos machen<br>
<input type="checkbox" name="Bild/Fotografieren" value="Nein, bitte keine Fotos machen!"> Nein, bitte keine Fotos machen  
<br>  
 
<br>   
 
<!-- Textfeld mehrzeilig - Nachricht -->
<label for="Nachricht" class="kontakt_label">*Nachricht:</label><br>
<textarea id="nachricht_k" class="kontakt_form" name=" &nbsp; Nachricht" required="required" placeholder="Ich habe da eine Frage!"></textarea>
 
<!-- Checkbox - Bestätigung gewünscht per -->
<label class="kontakt_label">Bestätigung gewünscht per:</label><br>
<input type="radio" name="Terminbestätigung per" value="Telefon" checked>Telefon<br>
<input type="radio" name="Terminbestätigung per" value="E-Mail" checked>E-Mail<br>
<br>
<!-- Checkbox - Datenverarbeitung bestätigt -->
<input type="checkbox" name="Datenverarbeitung bestätigt" value="Ja Ich bin Einverstanden" required>
        Ich bestätige, dass ich mit der Verarbeitung meiner Eingaben zum Zwecke der Anfragebearbeitung, einverstanden bin.<br> 
<br>
<br>  
<!-- Bot- Spamschutz -->
<input type="text" name="_gotcha" value="" style="display:none;">
 
<!-- Sende-, Abbrech- und Zurück-Button -->
<br>
<input type="submit" class="button4" value="Abschicken"> <input type="reset" class="button4" value="Abbrechen"> 
<input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript:history.back()'" value="Zurück"><br>
<br>
 
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Felder markiert mit * sind Pflichtfelder.</small>
<br><br>
  
 <small style="float:left;margin:2px 0 5px 5px;clear:both;">Beachten sie den <a href="https://sites.google.com/view/servicecrewloreth/datenschutz"" target="_blank">Datenschutz</a></small>
   
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Mit dem Absenden des Formulars fordern Sie eine kostenlose und unverbindliche Information an. Ihre Daten sind sicher und werden nur zur Bearbeitung Ihrer Anfrage verwendet. </small><br>
<label class="kontakt_label">Unser Angebot ist kostenlos und völlig unverbindlich!</label><br>
<br>   
 <small style="float:left;margin:2px 0 5px 5px;clear:both;"> Christian Loreth<br>
 
Max-Hannemann-Str.43<br>
 
15936 Dahme/Mark<br>
<br>
<span style="font-size: 18px;">Rechtsform</span><br>
<br>
<br>    
Einzelunternehmen<br>
<br>
<br>    
<span style="font-size: 18px;">Umsatzsteuer-ID</span><br>
<br>
<br>    
Aufgrund des Kleinunternehmerstatus gem. §19 UStG erheben wir keine Umsatzsteuer und weisen diese daher auch nicht aus.<br> 
<br>   
<span style="font-size: 18px;">Kontakt</span><br><br>
<br>   
&#9742; (035451) 189864<br> 
&#128241; (0176) 28978863<br>
 &#9993; <a href="mailto:servicecrewloreth@gmail.com" style="text-decoration: none !important;">Service Crew Loreth!</a><br>
&#9741; <a title="Besuchen Sie doch Service Crew Loreth!" href="https://sites.google.com/view/servicecrewloreth" style="text-decoration: none !important;"> Homepage</a>   
   
   </small><br>  
<br><br>   
</td>
</tr>
</table>
 </center>
<!-- Signatur -->
<div id="sign"><a href="https://www.hilfe-tricks-tipps.de"" target="_blank">Der Treffpunkt für Hilfe, Tricks & Tipps</a></div>© Hilfe, Tricks & Tipps seit 2006
 </form>
</td>
</tr>
   
</table>
 </body>
</html><!-- Signatur Daishi -->
<div id="Daishi">Design basierend auf der Idee von © Daishi</div>
 

Schlie�en

Die Befehlsbeschreibung war für den ersten Blick nicht ganz klar für mich, aber ich brauchte 2 Tage bis ich dahinterkam und ich es verstand, dass ich das nach meinem Wünschen hinbekam.

Das ganze Script von Wolfgang war mit den Befehlen so ausgelegt die man ankreuzen kann:

Code A:

1
2
3
 
<input type="checkbox" name="Bild/Fotografieren"> Ja, Sie dürfen gern Fotos machen
<br>
<input type="checkbox" name="Bild/Fotografieren"> Nein, bitte keine Fotos machen
 

Das Ergebniss ist in der E-Mail so:

Bild/Fotografieren
on

Damit konnte ich und meine Freundin nichts anfangen. Ich brauchte 2 Tage um eine Lösung zu finden, und fügte noch den code "value".... ein, damit sieht man was geklickt worden ist und ist für uns verständlicher.

Hier ein Beispiel:
Code B:

1
2
 
<input type="checkbox" name="Bild/Fotografieren" value="Ja, Sie dürfen gern Fotos machen!"> Ja, Sie dürfen gern Fotos machen<br>
<input type="checkbox" name="Bild/Fotografieren" value="Nein, bitte keine Fotos machen!"> Nein, bitte keine Fotos machen
 

Das Ergebniss ist in der E-Mail so:

Bild/Fotografieren
Ja, Sie dürfen Fotos machen

Ich habe noch Bilder der E-Mail gemacht, um es besser und verständlicher zu machen.

Bild zu Code A:

Bild zu Code B:

Ich hoffe, ich konnte es so gut es geht erklären.

Wie gesagt, man kann das Kontaktformular verändern und anpassen, wie man es möchte.

Nette Grüße

Daishi

Daishi

Wolfgang findet das Top!

Antworten

Xobor-Spenden-Button - In der Foren Übersicht, im Profil, im Beitrag, im Portal und in der Mitgliederliste! � � Super Kategorienauswahl für das Smiley-Menü - Version 1-3

�hnliche Themen

Antworten

Letzter Beitrag

Ausklappmenü - Kontaktformular
Erstellt im Forum Das neue Template Xobor (v6) von Nara 4 11.04.2021 13:13
Nara • Zugriffe: 538
Eigene HTML-Box im Xobor (v6)-Template einbauen?
Erstellt im Forum Das neue Template Xobor (v6) von Nara 19 24.10.2021 01:18
844er • Zugriffe: 3284
Tastenkombinationen (Shortcuts) fürs eigene Forum (v4 + v6)
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 2 09.05.2022 14:11
Hannita2 • Zugriffe: 1044
YouTube-Videogalerie für das eigene Forum installieren!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 1 08.12.2020 23:42
Wolfgang • Zugriffe: 1519

Eigenes Impressum und übersichtliche Datenschutzerklärung für die Webseite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

10.09.2023 17:51
von

Kipper-Spedition • Zugriffe: 4156

Kopierschutz für Webseiten: Markierungssperre, Eigenes Kontextmenü, iFrame-Sperre!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

28.09.2020 20:49
von

Wolfgang • Zugriffe: 12002

Framekiller - Mehr Sicherheit für die eigene Webseite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.06.2023 19:36
von

Wolfgang • Zugriffe: 1816

Taschenrechner im HTML-Format!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 5 13.02.2024 16:10
Wolfgang • Zugriffe: 2689

Haben Sie ein eigenes Forum oder eine eigene Homepage?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

01.04.2007 09:42
von

wolf.andres • Zugriffe: 1369

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

78%