Formularprogrammierung mit HTML

14Antworten
  1. #1
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard Formularprogrammierung mit HTML

    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!!

  2. #2
    Avatar von telecaster95
    telecaster95 ist offline

    Title
    Benutzer
    seit
    11.04.2011
    Ort
    /home/tele
    Beiträge
    1.617

    Standard

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

  3. #3
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard Ausdruck einer auf dem Computer lokal gespeicherten HTML Seite

    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...

  4. #4
    Avatar von telecaster95
    telecaster95 ist offline

    Title
    Benutzer
    seit
    11.04.2011
    Ort
    /home/tele
    Beiträge
    1.617

    Standard

    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

  5. #5
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard Drucken HTML Formular

    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?

  6. #6
    Avatar von Spyx
    Spyx ist offline

    Title
    Moderator
    seit
    21.08.2006
    Beiträge
    9.155

    Standard

    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.

  7. #7
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

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

    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

  8. #8
    Avatar von telecaster95
    telecaster95 ist offline

    Title
    Benutzer
    seit
    11.04.2011
    Ort
    /home/tele
    Beiträge
    1.617

    Standard

    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

  9. #9
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

    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

  10. #10
    Avatar von telecaster95
    telecaster95 ist offline

    Title
    Benutzer
    seit
    11.04.2011
    Ort
    /home/tele
    Beiträge
    1.617

    Standard

    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.

  11. #11
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

    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!!

  12. #12
    Avatar von telecaster95
    telecaster95 ist offline

    Title
    Benutzer
    seit
    11.04.2011
    Ort
    /home/tele
    Beiträge
    1.617

    Standard

    Ich wünsche viel Glück
    Wenn ich noch eine Lösung finde (ich hör mich mal um), dann poste ich sie hier

  13. #13
    Avatar von Carmen D
    Carmen D ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.07.2014
    Beiträge
    38

    Standard

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

  14. #14
    Avatar von telecaster95
    telecaster95 ist offline

    Title
    Benutzer
    seit
    11.04.2011
    Ort
    /home/tele
    Beiträge
    1.617

    Standard

    Gern geschehen

  15. #15
    Avatar von Spyx
    Spyx ist offline

    Title
    Moderator
    seit
    21.08.2006
    Beiträge
    9.155

    Standard

    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 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 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 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;
        }
    }

Ähnliche Themen

  1. HTML und CSS

    Von Q-Max im Forum Homepage-Webdesign
    Antworten: 69
    Letzter Beitrag: 17.06.2013, 15:53
  2. html und php

    Von deichkind9 im Forum Off-Topic
    Antworten: 5
    Letzter Beitrag: 23.02.2010, 23:01
  3. Schriftarten in HTML

    Von ollixtc im Forum Homepage-Webdesign
    Antworten: 6
    Letzter Beitrag: 04.08.2007, 14:00
  4. HTML

    Von im Forum Homepage-Webdesign
    Antworten: 6
    Letzter Beitrag: 29.01.2007, 16:57
  5. HTML

    Von guant4 im Forum Anwendersoftware
    Antworten: 2
    Letzter Beitrag: 24.12.2006, 08:51
Diese Seite benutzt Cookies Durch die weitere Nutzung der Seite stimmen Sie der Verwendung von Cookies zu. Infos zum Datenschutz