• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Webformular - diverse Probleme - Textfelder bündig, Antwortmatrix mit...

K

kati88

Neues Mitglied
Hallo!

Ich möchte gerne ein Webformular nach folgender Vorlage erstellen:
Terminanfrage.jpg







Terminanfrage - Formular.io

Dabei ist mir wichtig, dass
a) die Textfelder für Name, Telefonnummer etc. bündig übereinander stehen --> krieg ich nicht hin.
b) in der Antwortmatrix auch die gleiche Zeit an versch. Tagen angekreuzt werden kann und auch hier alles so bündig steht wie im Beispiel.


Ich habe also einen Versuch gestartet, bei dem dann noch zusätzlich Rahmen erschienen, die ich zwar verschieben, aber nicht eliminieren kann (und das Formular unschön breit machen).
Hat jemand eine Idee???
Danke!!!
Katrin

<html>
<head>
<title>Terminanfrage</title>
</head>
<table border=0>
<body bgcolor="">
<font color="#000000">
<font face="Berlin sans FB">
<font size =4>Terminanfrage</font>
<form method="POST" action="mailto:[email protected]" enctype="text/plain" onsubmit="return WCformcheck();">

Vorname:<input type="text" name="Nachname" size="20" ><br> <br>
Nachname:<input type="text" name="Vorname" size="20"><br> <br>
Telefon:<input type="text" name="Telefon" size="20"><br> <br>
Mobiltelefon:<input type="text" name="Mobiltelefon" size="20"><br> <br>
Email:<input type="text" name="Email" size="20"><br> <br> <br><br>

<fieldset id="Terminanfragematrix">

<table border=0><label>bevorzugte Termine:</label></table>
<table id="Terminanfrage" class="matrixEdit">
<tr>
<th><br></th>
<th>Montag</th>
<th>Dienstag</th>
<th>Mittwoch</th>
<th>Donnerstag</th>
<th>Freitag</th>
</tr>
 
<tr>
<td class="line">08:00-09:00</td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Montag 08:00-09:00" /></td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Dienstag 08:00-09:00" /></td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Mittwoch 08:00-09:00" /></td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Donnerstag 08:00-09:00" /></td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Freitag 08:00-09:00" /></td></tr>

<tr>
<td class="line">09:00-10:00</td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Montag 09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Dienstag 09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Mittwoch 09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Donnerstag 09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Freitag 09:00-10:00" /></td>
</tr>

<tr>
<td class="line">10:00-11:00</td>
<td><input type="radio" name="10:00-11:00" class="radio" value=" Montag 10:00-11:00" /></td>
<td><input type="radio" name="10:00-11:00" class="radio" value=" Dienstag 10:00-11:00" /></td>
<td><input type="radio" name="10:00-11:00" class="radio" value=" Mittwoch 10:00-11:00" /></td>
<td><input type="radio" name="10:00-11:00" class="radio" value="Donnerstag 10:00-11:00" /></td>
<td><input type="radio" name="10:00-11:00" class="radio" value=" Freitag 10:00-11:00" /></td>
</tr>

<tr>
<td class="line">11:00-12:00</td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Montag 11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Dienstag 11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Mittwoch 11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Donnerstag 11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Freitag 11:00-12:00" /></td>
</tr>

<tr>
<td class="line">13:00-14:00</td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Montag 13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Dienstag 13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Mittwoch 13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Donnerstag 13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Freitag 13:00-14:00" /></td>
</tr>

<tr>
<td class="line">14:00-15:00</td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Montag 14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Dienstag 14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Mittwoch 14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Donnerstag 14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Freitag 14:00-15:00" /></td>
</tr>

<tr>
<td class="line">15:00-16:00</td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Montag 15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Dienstag 15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Mittwoch 15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Donnerstag 15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Freitag 15:00-16:00" /></td>
</tr>

<tr>
<td class="line">16:00-17:00</td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Montag 16:00-17:00" /></td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Dienstag 16:00-17:00" /></td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Mittwoch 16:00-17:00" /></td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Donnerstag 16:00-17:00" /></td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Freitag 16:00-17:00" /></td>
</tr>

<tr>
<td class="line">17:00-18:00</td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Montag 17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Dienstag 17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Mittwoch 17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Donnerstag 17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Freitag 17:00-18:00" /></td>
</tr>

<tr>
<td class="line">18:00-19:00</td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Montag 18:00-19:00" /></td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Dienstag 18:00-19:00" /></td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Mittwoch 18:00-19:00" /></td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Donnerstag 18:00-19:00" /></td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Freitag 18:00-19:00" /></td>
</tr>

</table>
</fieldset>
<br>

<textarea name="Weiter Anmerkungen oder Fragen:" rows=10 cols=50>
</textarea> <br> <br>

<input type="submit" value="Anfrage absenden" name="B1">
<input type="reset" value="Abbrechen">

</font>
</table>

<body>
<html>
</form>
 
Schau dir bitte den Quellcode der Vorlage genauer an. Dein Quellcode ist nicht mal einer - das ist ein fehlerhaftes Konstrukt, welches mit viel Glück überhaupt irgendwie dargestellt wird. Z.B. fehlt das HTML-Grundgerüst. Und Formularfelder kann man auch mit <fieldset> umgeben. Abgesehen davon ist CSS dann für die Darstellung zuständig, dafür brauchst Du aber erstmal validen HTML-Code.
 
Guten Morgen und Danke schonmal fürs Anschauen!
Der Quellecode der Vorlage verweist auf Dateien von formular.io.
Diesen meinen Eindruck hat jetzt auch jemand bestätigt der etwas Ahnung hat. ;-)
Ich hatte aus dem formular.io Formular euch in dem jpg oben nur den für mich interessanten Teil rauskopiert.
Ich komme also nicht weiter, wenn ich nur deren Quelltext editiere.
Meine eben erwähnte Hilfe hat mir jetzt die Rahmen meiner Datei entfernt und Textfelder bündig ausgerichtet.

DAS Problem, das jetzt noch bleibt, ist, dass in der Matrix pro Zeile nur eine Auswahl möglich ist.
Irgendwie muss das noch geändert werden. Ich habe auch schonmal gesehen, dass das grundsätzlich möglich ist.

Hier der code:

HTML: 
<html>
<head>
<title>Terminanfrage</title>
</head>
<table border=0>
<body bgcolor="">
<font color="#000000">
<font face="Berlin sans FB">
<font size =4>Terminanfrage</font>
<form method="POST" action="mailto:[email protected]" enctype="text/plain" onsubmit="return WCformcheck();">

<table border=0>
<font face="Berlin sans FB">
<tr><td>Vorname:</th><th><input type="text"  name="Nachname" size="20" ></th></tr>
<tr><td>Nachname:</th><th><input type="text"  name="Vorname" size="20"></th></tr>

<tr><td>Telefon:</td><th><input type="text"  name="Telefon" size="20"></th></tr>
<tr><td>Mobiltelefon:</th><th><input type="text"  name="Mobiltelefon" size="20"></th></tr>
<tr><td>Email:</th><th><input type="text"  name="Email" size="20"></th></tr>
</font>
</table>
<br><br>
<!--<fieldset id="Terminanfragematrix">-->

<table border=0><label>bevorzugte Termine:</label></table> <br>
<table border=0>
<tr>
<td><br></th>
<td>Montag</th>

<td>Dienstag</th>
<td>Mittwoch</th>
<td>Donnerstag</th>
<td>Freitag</th>
</tr>

<tr>
<td class="line">08:00-09:00</td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Montag  08:00-09:00" /></td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Dienstag 08:00-09:00" /></td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Mittwoch 08:00-09:00" /></td>
<td><input type="radio" name="08:00-09:00" class="radio" value="Donnerstag 08:00-09:00" /></td>

<td><input type="radio" name="08:00-09:00" class="radio" value="Freitag 08:00-09:00" /></td></tr>

<tr>
<td class="line">09:00-10:00</td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Montag  09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Dienstag 09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Mittwoch 09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Donnerstag 09:00-10:00" /></td>
<td><input type="radio" name="09:00-10:00" class="radio" value=" Freitag  09:00-10:00" /></td>
</tr>

<tr>
<td class="line">10:00-11:00</td>
<td><input type="radio" name="10:00-11:00" class="radio" value=" Montag  10:00-11:00" /></td>
<td><input type="radio" name="10:00-11:00" class="radio" value=" Dienstag 10:00-11:00" /></td>

<td><input type="radio" name="10:00-11:00" class="radio" value=" Mittwoch 10:00-11:00" /></td>
<td><input type="radio" name="10:00-11:00" class="radio" value="Donnerstag 10:00-11:00" /></td>
<td><input type="radio" name="10:00-11:00" class="radio" value=" Freitag 10:00-11:00" /></td>
</tr>

<tr>
<td class="line">11:00-12:00</td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Montag  11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Dienstag 11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Mittwoch 11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Donnerstag 11:00-12:00" /></td>
<td><input type="radio" name="11:00-12:00" class="radio" value=" Freitag 11:00-12:00" /></td>
</tr>

<tr>
<td class="line">13:00-14:00</td>

<td><input type="radio" name="13:00-14:00" class="radio" value=" Montag  13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Dienstag 13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Mittwoch 13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Donnerstag 13:00-14:00" /></td>
<td><input type="radio" name="13:00-14:00" class="radio" value=" Freitag 13:00-14:00" /></td>
</tr>

<tr>
<td class="line">14:00-15:00</td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Montag  14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Dienstag 14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Mittwoch 14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Donnerstag 14:00-15:00" /></td>
<td><input type="radio" name="14:00-15:00" class="radio" value=" Freitag 14:00-15:00" /></td>
</tr>

<tr>
<td class="line">15:00-16:00</td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Montag  15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Dienstag 15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Mittwoch 15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Donnerstag 15:00-16:00" /></td>
<td><input type="radio" name="15:00-16:00" class="radio" value=" Freitag 15:00-16:00" /></td>
</tr>

<tr>
<td class="line">16:00-17:00</td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Montag  16:00-17:00" /></td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Dienstag 16:00-17:00" /></td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Mittwoch 16:00-17:00" /></td>
<td><input type="radio" name="16:00-17:00" class="radio" value=" Donnerstag 16:00-17:00" /></td>

<td><input type="radio" name="16:00-17:00" class="radio" value=" Freitag 16:00-17:00" /></td>
</tr>

<tr>
<td class="line">17:00-18:00</td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Montag  17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Dienstag 17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Mittwoch 17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Donnerstag 17:00-18:00" /></td>
<td><input type="radio" name="17:00-18:00" class="radio" value=" Freitag 17:00-18:00" /></td>
</tr>

<tr>
<td class="line">18:00-19:00</td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Montag  18:00-19:00" /></td>

<td><input type="radio" name="18:00-19:00" class="radio" value=" Dienstag 18:00-19:00" /></td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Mittwoch 18:00-19:00" /></td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Donnerstag 18:00-19:00" /></td>
<td><input type="radio" name="18:00-19:00" class="radio" value=" Freitag 18:00-19:00" /></td>
</tr>

</table>
<!--</fieldset>-->
<br>

<textarea name="Weiter Anmerkungen oder Fragen:" rows=10 cols=50>
</textarea> <br> <br>

<input type="submit" value="Anfrage absenden" name="B1"> 
<input type="reset" value="Abbrechen">

</font>
</table>

<body>
<html>
</form>

[html]
 
Zuletzt bearbeitet:
Hi!
Auf der Seite habe ich jetzt spontan auch nichts dazu gefunden, wie man es ermöglicht, dass MEHRERE ANTWORTMÖGLICHKEITEN GLEICHZEITIG angenommen werden.
K
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben