Haumis wbb hilfe 
Registrierung Kalender Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Zur Startseite
Galerie Datenbank Zum Portal

Startseite| Das Board| wbb2| wbblite| Wo finde ich was| Veränderungen| Grafik-Bereich-WBB2| Boardspiele| Vorstellungen| Allgemeines| Trainingscenter|
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
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Formular in html
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
haumi haumi ist männlich
Boardbetreiber

images/avatars/avatar-214.jpg
[meine Galerie]


Dabei seit: 06.06.2009
Beiträge: 3.377
Herkunft: NRW
Postid: 11380
Formular in html Beitrag Nr.: 1     Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 haumi ist offline E-Mail an haumi senden Homepage von haumi Beiträge von haumi suchenNehmen Sie haumi in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Haumis wbb hilfe » ...:::Trainingscenter-wbb2:::... » html » Formular in html

Views heute: 20.599 | Views gestern: 20.682 | Views gesamt: 51.035.024
Powered by Burning Board 2.3.6 © 2001-2004 WoltLab GmbH
Am Netz seit dem 3.6.2009 - Powered by © haumis-Team
Style & Buttons © by FriendsbistroTeam
Boardregeln Impressum & Haftungsauschluss Datenschutzerklärung