✔ Html Formular

Status
Nicht offen für weitere Antworten.
U

unistar

Erfahrenes Mitglied
Hallo zusammen,
ich höre zur Zeit im Rahmen meines Studiums Wirtschaftsinformatik und wir müssen in unserer zweiten Hausübung ein Html Formular erstellen! Ich mache das zum ersten Mal in meinem Leben also hab keine Peilung eigentlich von Html. Ich hab das Formular so gut es ging versucht und auch ein wenig zustande bekommen, aber noch nicht so wie es verlangt wird! Ich habe mein Test.html und zwei Screenshotsi zu der Hausübung angehängt wo die Aufgabenstellung drin steht und noch ein Screenshot von dem Original.

Ich entschuldige mich für das schlechte Script bzgl Übersicht und so aber ist halt mein erstes Mal gewesen :rolleyes:

Ich bin für jegliche Hilfe super dankbar

unistar
 

Anhänge

Kurz und schmerzlos, hier der überarbeitete und validierte Quellcode:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title >Feedbackformular</title>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
        <meta name="description" content="Feedbackformular von Markus Farwick" />
        <meta name="author" content="Markus Farwick" />
        <meta name="keywords" content="Markus Farwick, Vechta" />
</head>

<body>
<h4 style="text-align:center;">Vielen Dank, dass Sie uns ein Feedback senden wollen!</h4>

<form name="feedback" method="post" action="http://patrick2.in.tu-clausthal.de/wdi_ws0607/skript.php" style="background:#e0e0e0">
      <table border="1" cellpadding="5" cellspacing="0" width="100%">
             <tr>
                 <th>Vorname</th>
                 <td colspan="2">
                 <input type="text" name="vorname" size="40" />
                 </td>
             </tr>
             <tr>
                 <th>Name</th>
                 <td colspan="2">
                 <input type="text" name="nachname" size="40" />
                 </td>
             </tr>
             <tr>
                 <th>Strasse</th>
                 <td colspan="2">
                 <input type="text" name="anschrift" size="60" />
                 </td>
             </tr>
             <tr>
                 <th>PLZ und Ort</th>
                 <td>
                 <input type="text" name="plz" size="20" />
                 </td>
                 <td>
                 <input type="text" name="ort" size="50" />
                 </td>
             </tr>
             <tr>
                 <th>Email</th>
                 <td colspan="2">
                 <input type="text" name="email" size="40" />
                 </td>
             </tr>
             <tr>
                 <th>Ihre Nachricht an uns</th>
                 <td colspan="2">
                 <textarea name="nachricht" cols="80" rows="15"></textarea>
                 </td>
             </tr>
             <tr>
                 <th>Bitte beurteilen Sie den <br /> aktuellen Aufgabenzettel </th>
                 <td colspan="2">
                 <p>
                 <input type="radio" name="Zahlmethode" value="schwer" /> Ich finden den Aufgabenzettel zu schwer<br />
                 <input type="radio" name="Zahlmethode" value="angemessen" checked="checked" /> Ich finde den Aufgabenzettel angemessen<br />
                 <input type="radio" name="Zahlmethode" value="leicht" /> Mir sind die Aufgaben zu leicht
                 </p>
                 </td>
             </tr>
             <tr>
                 <td colspan="3" align="center">
                 <input type="submit" value="Absenden" />
                 </td>
             </tr>
      </table>
</form>

</body>
</html>
Neben dem mehrzeiligen Eingabebereich textarea gibt es auch noch das einzeilige Eingabefeld input (type=text), mit dem sich die Felder "Vorname, Nachname, Anschrift, usw." einrichten lassen.

Zudem hast du vor jedem dieser Formularelemente mit dem form-Element einen neuen Formularbereich erzeugt, was aber nicht richtig ist; es reicht nur eines zu Beginn des Formulars ;)
 
Hallo!

Und damit Du über Formulare im allgemeinen auch was lernen kannst, verweise ich Dich mal auf die entsprechende Seite von SelfHTML.
SelfHTML selbst ist aber auch eine gute Anlaufstelle wenn es um Dinge wie z.b. (X)HTML, CSS, JavaScript usw. geht.

Ansonsten:
Google.de --> SelfHTML+Suchbegriff
wirkt auch manchmal Wunder. ;)

Gruss Dr Dau
 
@Dr Dau: Ich vermute, daß der Autor sich die Code-Schnipsel von SELFHTML zusammengesucht hatte. ;)

<form action="textarea.htm">
<textarea name="user_eingabe" cols="40" rows="0"></textarea>

-> http://de.selfhtml.org/html/formulare/eingabe.htm#bereiche

<form action="input_radio.htm">
<p>
<input type="radio" name="Zahlmethode" value="schwer"> Ich finden den Aufgabenzettel zu schwer<br>
<input type="radio" name="Zahlmethode" value="angemessen" checked> Ich finde den Aufgabenzettel angemessen<br>
<input type="radio" name="Zahlmethode" value="leicht"> Mir sind die Aufgaben zu leicht
</p>

-> http://de.selfhtml.org/html/formulare/auswahl.htm#radiobuttons
Zum Vergrößern anklicken....
 
Ich habe mir seinen Code nicht angesehen..... wozu auch, hast Du ja schon gemacht. ;)
Ich wollte ihm halt nur nützliche Tips geben (vom "Lösung posten" allein, lernt man ja nicht unbedingt viel).
Aber wenn er die Seite schon kennt, ist es um so schlimmer..... da hat er dann wohl nicht ausreichend gelesen. ;)
 
Das ist schon in Ordnung, daß du nochmal auf SELFHTML hingewiesen und einen Link dorthin gesetzt hast ;)
 
Vielen Dank für die schnelle Antwort - neidisch auf eurer Können! Ich werde mir das Script genau durchsehen und es versuchen zu begreifen! Ja hab auf selfhtml geguckt und werde mir da nochmal Hilfe suchen, wenn was nicht klappt - danke nochmals und einen schönen Samstag Abend

unistar
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück