Haumis wbb hilfe | html | Formular in html

Haumis wbb hilfe » ...:::Trainingscenter-wbb2:::... » html » Formular in html

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

Formular in html

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

haumi

Boardbetreiber

[meine Galerie]

Dabei seit: 06.06.2009
Beiträge: 3.441
Herkunft: NRW
Postid: 11380

Formular in html

Beitrag Nr.: 1

Zitatantwort auf diesen Beitrag erstellen

Die Korrespondenz zwischen Internetbesucher und den Inhabern der Internetseiten (auf den Datenbanken)
wird seitens den Internetbesuchers in den meisten Fällen per Formulare durchgeführt.
Ich möchte hier mal grob die Eingabetypen von Formularen vorstellen, wobei ich von html4 ausgehe.
Es gibt in html5 schon weitaus mehr Eingabefelder, doch diese kommen im wbb2 nicht vor
und auch die Browser unterstützen diese noch so gut wie nicht.
Wie ist so ein Formular aufgebaut?
Ein Formular kann man sich wie einen Container vorstellen, in dem die Eingabefelder nach Bedarf enthalten sind.
Der Container wird durch <form> eingeleitet und durch </form> beendet.
Als Attribute muss man im einleitenden form-tag <form> noch angeben,
wohin das Formular geschickt werden soll (action)
und mit welcher HTTP-Methode die Formulardaten übermittelt werden sollen (method).
Das sieht denn in etwas so aus:
<form action="auswerte.php method="post">
weiterhin kann man dem Formulartag noch die Art der Codierung einen Namen und ein Zielframe angeben (wird zur gegebenen Zeit angesprochen)

Dazwischen können folgende Eingabemöglichkeiten vorhanden sein:

einzeilige Eingabefelder
passwortfelder
mehrzeilige Eingabenfelder
Auswahllisten,
Radio-Buttons
Checkboxen
Felder für Datei-Upload
versteckte Felder
anklickbare buttons

Das sind die gebräuchlichsten Felder in einem normalen Formular.

Name: <input type="text" name="Name" />einzeiliges Textfeld

Passwort: <input type="password" name="Passwort" /> Passwortfeld

Altersgruppe:Radiobuttons
<input type="radio" name="Alter" value="minderjaehrig" />0-17Radiobuttons
<input type="radio" name="Alter" value="volljaehrig" />18-99 Radiobuttons

Land: <select name="Land">Auswahlliste
<option value="">-- bitte wählen--</option>Auswahlliste
<option value="D">Deutschland</option>Auswahlliste
<option value="A">Österreich</option>Auswahlliste
<option value="CH">Schweiz</option>Auswahlliste
<option value="sonst">sonstige Länder</option>Auswahlliste
</select>Auswahlliste

Interessen: <select name="Interessen" multiple="multiple" size="3">Auswahllisten mit Mehrfachauswahl
<option value="HTML">(X)HTML</option>Auswahllisten mit Mehrfachauswahl
<option value="CSS">CSS</option>Auswahllisten mit Mehrfachauswahl
<option value="JS">JavaScript</option>Auswahllisten mit Mehrfachauswahl
</select>Auswahllisten mit Mehrfachauswahl

Kommentar: <textarea cols="30" rows="5" name="Kommentar"></textarea> mehrzeiliges Texteingabefeld

<input type="checkbox" name="Bedingungen" value="ja" />
Ich akzeptiere die Nutzungsbedingungen Auswahlox
<input type="button" onclick="zeigeDaten(this.form)" name="Submit" value="Registrieren" />Absendebutton

Wi werden auf die einzelnen Elemente noch eingehen und diese näher untersuchen,
und auf jeden Fall ein Formular erstellen, indem alle oben beschriebenen Felder vorkommen.
Dateiupload machen wir später wenn noch einige Voraussetzungen gegeben sind.

Soweit erst mal der grobe Aufbau eines Formulars mit html.
Hier findet man die genaue Erklärung von selfhtml

LG
haumi

__________________

Gelassen das hinnehmen, was nicht zu ändern ist,
engagiert angehen was man gestalten kann.

30.03.2012 10:56

Nehmen Sie haumi in Ihre Freundesliste auf

Baumstruktur | Brettstruktur

Gehe zu:

Haumis wbb hilfe » ...:::Trainingscenter-wbb2:::... » html » Formular in html

Views heute: 9.182 | Views gestern: 6.918 | Views gesamt: 70.935.757

Boardregeln Impressum & Haftungsauschluss Datenschutzerklärung

Top

Top