Formularprogrammierung mit HTML

05.08.2014, 12:48

Hallo,
bin gerade dabei für einen Freund ein online ausfüllbares Formular zu programmieren.
Das hat bisher auch super geklappt...

Nun habe ich ein Formularfeld wo man bei einer Auswahlmöglichkeit verschiedener Punkte die Richtige ankreuzen können soll...
Bisher hab ich es so gestaltet, dass ich die Auswahlmöglichkeit dargestellt und daneben ein Textfeld programmiert habe, in dem bei der richtigen Möglichkeit ein X eingetragen werden kann...

Kann man es auch so programmieren, dass man bspw. lauter 0 anzeigt und die entsprechend gewünschte Lösung dann als durchgestrichene 0 erscheint?

Wenn ja wie ist das zu realisieren

Vielen Dank für die Hilfe im Voraus!!

05.08.2014, 13:31

Ich denke, dass du hiermit gut zurechtkommen solltest. Da sind verschiedene Möglichkeiten zu Auswahlfeldern mit Beispielen erklärt. Stichworte: Radiobutton und Checkbox

05.08.2014, 14:05

danke für die Antwort...
Hab das Problem inzwischen anderweitig gelöst...

Allerdings hab ich jetzt ein neues Problem.

Hab die HTML Seite lokal auf meinem Rechner und kann sie mir auch einwandfrei im Browser anzeigen lassen.
Wenn ich auf das Druckersymbol klicke, dann wird mir automatisch "Microsoft XPS Document Writer" angewählt.
Ich kann es nicht auf meinen Drucker abändern.

Öffne ich sie im Browser und klicke (bspw. bei Firefox) auf Drucken, dann wird mir nur die Überschrift, aber nicht das restliche Formular angezeigt...

Was kann ich tun, um das Dokument drucken zu können?
Wäre super wichtig...
Bitte daher dringend um Hilfe!! Bin am Verzweifeln!!

Danke und Gruss

PS: wenn ich auf Drucker suchen gehe, kommt die Fehlermeldung es läge kein Netzwerk vor...hab ich auch nicht...

05.08.2014, 14:07

Wo ist denn dein Drucker angeschlossen? Lokal an deinem Rechner?
Was ist, wenn du auf der Website Windowstaste+P drückst, da dürftest du doch einen Drucker auswählen können

05.08.2014, 14:13

ja der Drucker ist per Kabel an den Rechner angeschlossen...
Komischerweise kann ich das Dokument drucken, wenn ich es über IE öffne, bei Firefox geht es nicht?

05.08.2014, 14:46

Firefox und Internet Explorer stellen die Eingabefelder unterschiedlich dar und dementsprechend werden sie auch unterschiedlich ausgedruckt. Schreibe mal etwas in ein Eingabefeld und lasse es dann drucken. Dann sieht man den Text auch bei einem Firefox-Druck.

Eine einfache Lösung ist es diesen kleinen Codeschnipsel im head-Element einzufügen:

Code:

<style type="text/css">
input, textarea {border: 1px solid black;}
</style>

Damit hat jede Texteingabe (einzeilig und mehrzeilig) einen schwarzen Kasten um sich, sodass man sie auch auf einem Ausdruck sehen kann.

06.08.2014, 15:22

so nun bin ich wieder ein Stück weiter...

Möchte nun einen automatischen Seitenumbruch bei Din A 4 Seiten...

Diesen Befehl hab ich ganz oben im Quellcode eingetragen...
leider ist er ohne Wirkung:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Aesthetik Partner - Anamnesebogen</title>
</head>
<body>
<p><img src="AestheticPartner_logo.jpg" width="856" height="150" alt=""></p>

</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>size</title>
<style type="text/css">
@page { 84,1 cm x 118,9 cm ; }
</style>
</head><body>

</body>
</html>

<style type="text/css" media="print">
#fusszeile {
position: fixed;
bottom: 3cm;
}
Wo liegt der Fehler?

ich möchte ein Banner am Anfang jeder neuen Seite einfügen...auch das bekomme ich nicht hin.

Wie kann ich die automatische Fusszeile des Browsers löschen bzw. ändern`?
Durch Googlen hab ich herausgefunden, dass man das im Browser unter Seite Einrichten über Kopf - und Fusszeile tun muss.
Wenn ich das jetzt bspw. auf mein aktuelles Programmierbeispiel "Ästheticpartner" anwende, erscheint das dann bei allen Ausdrucken egal von welcher Website diese erfolgen?

Danke und viele Grüsse
Carmen

06.08.2014, 15:31

Ich bin kein HTML-Profi, aber ich würde den CSS-Kram in ein Style-Sheet auslagern. Handelt es sich bei deinem Codebeispiel um eine Seite, oder hast du mehrere Seiten zusammengefasst? Denn normalerweise wird alles von den beiden HTML-Tags umfasst und die kommen nicht mehrmals vor.

Warum dein Footer nicht funktioniert, kann ich dir sagen: Du hast garkeinen

Du hast zwar ein CSS mit der Klasse "fusszeile", aber kein HTML-Objekt auf dem es angewand wird. Stichwort wäre hier der HTML5-Tag Footer:

HTML-Code:

<footer class=`fusszeile`/>

Am Besten benutzt du hier im Forum auch die [HTML]-Tags, damit wir deinen Quelltext besser lesen können

06.08.2014, 15:37

danke für die Antwort...wie soll ich die HTML Tags benutzen, damit Ihr meinen Quelltext besser lesen könnt?

Es handelt sich um eine einzige HTML Seite, die aufgrund der Grösse aber beim Ausdruck auf mehreren DIN A 4 Seiten angezeigt wird...
Daher die Frage, wie ich Banner und Fusszeile auf jede Seite gedruckt bekomme...

Auch der automatische Seitenumbruch (am Ende jeder DIN A 4 Seite funktioniert nicht...

Es wird mir eine Fusszeile angezeigt, aber nur auf der allerletzten Seite. Ich möchte es aber am Ende jeder DIN A 4 Seite haben

06.08.2014, 15:57

Die HTML-Tags findest du da, wenn du hier einen Post schreibst. Dort befindet sich über der Textbox ein Button mit den Zeichen <>. Klick da drauf und dann kopierst du deinen Quelltext zwischen die beiden Tags. Abschicken und fertig

HTML-Code:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Aesthetik Partner - Anamnesebogen</title>
<style type="text/css" media="print">
@page { 84,1 cm x 118,9 cm ; }
#fusszeile {
position: fixed;
bottom: 3cm;
}
</head>
<body>
<p><img src="AestheticPartner_logo.jpg" width="856" height="150" alt=""></p>
<footer class="fusszeile" />
</body>
</html>

Normalerweise sollte es so, oder so ähnlich aussehen. Dass du auf jede ausgedruckte Seite einen Footer bekommst, ich jedenfalls kenne keine Lösung und Google auch nicht (jedenfalls finde ich nix). Vllt. ist ja doch ein ausfüllbares PDF was.

06.08.2014, 15:59

danke aber ein ausfüllbares PDF ist eben nix...
Alles Andre hab ich bisher auch hinbekommen...vielleicht find ich auch noch ne Lösung!
Vielen Dank Dir!!

06.08.2014, 16:00

Ich wünsche viel Glück

Wenn ich noch eine Lösung finde (ich hör mich mal um), dann poste ich sie hier

06.08.2014, 16:06

das ist ja super nett...1.000 Dank Dir!

06.08.2014, 16:13

Gern geschehen

06.08.2014, 16:31

HTML ist nicht für eine solche Art von Dokumenten gedacht. Aber genau dafür wurde PDF erfunden. Damit man Dokumente hat, die auf dem Bildschirm genauso aussehen, wie sie ausgedruckt werden.
Frage doch bitte mal nach der Begründung, warum es XHTML sein muss. Ich kann mir dabei keinen einzigen sinnvollen Grund vorstellen. PDF ist für die Anwender am Ende wesentlich einfacher zu benutzen.

Zitat von Carmen D

Wie kann ich die automatische Fusszeile des Browsers löschen bzw. ändern`?
Durch Googlen hab ich herausgefunden, dass man das im Browser unter Seite Einrichten über Kopf - und Fusszeile tun muss.

Das kannst du nicht. Das muss jeder Besucher der Webseite selber machen.

Zitat von Carmen D

Auch der automatische Seitenumbruch (am Ende jeder DIN A 4 Seite funktioniert nicht...

Um einen Seitenumbruch beim Ausdruck zu erreichen, gibt es die CSS-Eigenschaft page-break-after, die nach einem gerenderten Block-Element eine neue Seite einfügt.

Zitat von Carmen D

Daher die Frage, wie ich Banner und Fusszeile auf jede Seite gedruckt bekomme...

Da musst die CSS-Eigenschaft position bei Drucken auf fixed setzen für das Header- und Footer-Element.

Code:

@media print {
    #header {
        position: fixed;
        top: 0;
    }
    #footer {
        position: fixed;
        bottom: 0;
    }
}

Formularprogrammierung mit HTML

Formularprogrammierung mit HTML

Ausdruck einer auf dem Computer lokal gespeicherten HTML Seite

Drucken HTML Formular

Banner und Fusszeile auf jeder HTML Seite drucken - Definition A4 Seite

Ähnliche Themen

HTML und CSS

html und php

Schriftarten in HTML

HTML

HTML