Formulare

Inhalt:

<FORM>, <INPUT>, <OPTION>, <SELECT>, <TEXTAREA>




<FORM>

Mit diesem Tag erstellen Sie ein Formular. Sie können diverse in ein Formular einfügen. Beenden Sie das Formular mit dem Ende-Tag. Die Daten des Benutzers können entweder an ein CGI Script übermittelt werden oder sie k&oum;nnen Sie per Email an sich senden lassen.

Attribute:
action

Sollten Sie als Antwort auf das Formular eine Email verschicken wollen, tragen Sie hier einfach die entsprechende Adresse ein (mailto:Email@Provider). Soll Ihr Formular mit einem CGI Script bearbeitet werden, tragen Sie hier einfach den Pfad zu dem entsprechenden Script ein.

method

Die beiden wichtigsten Werte für dieses attribut sind GET und POST. Soll Ihr Formular als Email verschickt werden, wählen Sie POST. Im Falle der Übergabe an ein CGI Script müssen Sie die Übermittlungsart dem Script anpassen (meistens POST).

encoding

Dieses Attribut ist für die Art der Verschlüsselung der zu sendenden Werte zuständig. Lassen Sie am besten den Standardwert bestehen.

target

Wenn in action ein Verweis auf ein CGI Programm steht und dieses entsprechend beim Absenden des Formulars ausgeführt wird, werden dessen Ausgaben in target umgeleitet. target bezeichnet hierbei einen Frame.


Beispiel: <FORM action="../cgi-bin/form.pl" method=POST>
<INPUT></FORM>
  Keine Darstellung! Als Beispiel sehen Sie sich den META Generator an!





<INPUT>

Dieser Tag stellt verschiedene Eingabefelder dar: Buttons, Eingabefelder, Radiobuttons und Checkboxen. Dieser Tag hat keinen Ende-Tag.

Attribute:
type

Art des Inputobjektes:
nicht gesetzt oder TEXT: Eingabefeld
BUTTON: Ein normaler Button bzw. Knopf
CHECKBOX: Ein kleines Markierungsfeld
RADIO: Auswahl aus mehreren Möglichkeiten, Gruppen werden durch name zusammengefasst
HIDDEN: verstecktes Feld
FILE: Angabe einer Datei, die übertragen werden soll.
IMAGE: Ein Bild, das als Submitbutton verwendet wird.
Die Werte SUBMIT und RESET sind in Formularen für das Versenden und Zurücksetzen aller Werte zuständig.

value

Vorbelegter Wert in einem Eingabefeld oder Name bei Buttons. Bei einer Gruppe von Radiobuttons wird dieser Wert benutzt um anzuzeigen, welche Wahl getroffen wurde.

name

Name der Felder für CGI oder Email Versand. Radiobuttons werden gruppiert, indem alle Buttons den gleichen Namen erhalten (so dass nur einer ausgewählt werden kann). Die einzelnen Buttons werden durch das Attribut value differenziert.

checked

Mit diesem Attribut können Radiobuttons und Checkboxen markiert werden (Vorbelegung). Dem Attribut wird kein Wert zugwiesen.

size

Bei Eingabefeld oder Passwort: Anzahl der sichtbaren Zeichen bevor "gescrollt" werden muss, ansonsten Breite in Pixeln.

width

Breite eines Eingabefeldes (in Pixeln). Unterstützt nur Netscape4 und ist kein HTML Standard.

maxlength

Die maximale Anzahl von Zeichen in einem Eingabefeld.

accept

Nur bei type=file: erlaubte MIME-Types. Z.B. images/gif oder text/html.

alt

Kann ein Browser keine Formulare darstellen, wird der hier spezifizierte Text dargestellt.

readonly

Bei Eingabefeldern kann der Inhalt (in value angegeben) nicht verändert werden. Das Attribut erhält keinen Wert.

usemap

Diesem Attribut wird der Name einer Imagemap in der Form "#name" übergeben. Hierzu muss das INPUT-Feld jedoch den Typ IMAGE besitzen. Beim Versenden des Formulars werden die Koordinaten des Klicks in x und y relativ zum Bild übermittelt.

ismap

Dieses Attribut erhält keinen Wert. Wird es angegeben, muss das INPUT-Feld den Typ IMAGE haben. In diesem Fall werden die Koordinaten relativ zum Bild direkt zum Server übertragen (beispielsweise bei CGI-Scripte). Dabei werden die Wertepaare x=xpos und y=ypos übergeben, wobei die Werte jeweils in Pixeln angegeben werden.


Beispiel: <input name="eingabe" value="Ihr Text" size=15 maxlength=15>
<input name="r1" type=radio value="1" checked>radiobutton 1
<input name="r1" type=radio value="2">radiobutton 2
<input name="check" type=checkbox>check
<input type=button value=hallo>

 
radiobutton 1radiobutton 2
check





<OPTION>

Einzelne Werte eines Selektierfeldes werden mit OPTION Tags erzeugt, welche innerhalb des SELECT Containers befindlich sind. Der Wert/Name des Eintrags wird zwischen Start- und Ende-Tag (OPTION) definiert.

Attribute:
value

Wert, der der Option zugewiesen werden kann. Wird beim Absenden eines Formulars übermittelt.


Beispiel: siehe <SELECT>
 





<SELECT>

Legen Sie eine Selektierliste (Auswahlliste) mit diesem Tag an. Einzelne Listenelemente (Einträge) werden mit <OPTION> definiert.

Attribute:
size

Anzahl der sichtbaren Einträge ohne die Liste aufklappen zu müssen

name

Name der Liste in CGI Scripten oder bei Email Versand.

multiple

Mit dem einfachen Setzen (kein Parameter) dieses Attributes gestatten Sie dem Anwender mehr als einen Wert auszuwählen.


Beispiel: <SELECT size=1>
<OPTION value=e1>Eintrag 1</OPTION>
<OPTION value=e2>Eintrag 2</OPTION>
<OPTION value=e3>Eintrag 3</OPTION>
</SELECT>


 





<TEXTAREA>

Wenn Sie in einem Formular dem Benutzer eine Möglichkeit geben wollen einen Beitrag o.ä. zu schreiben, dann benutzen Sie diesen Tag dafür. Soll das Feld mit einem String (Zeichenkette) vorbelegt werden, geben Sie den entsprechenden Text zwischen dem Start- und Ende-Tag ein.

Attribute:
name

Name des Textfeldes (für) CGI oder Email Versand.

cols

Breite des Textfeldes in Zeichen.

rows

Höhe des Feldes in Spalten (beliebig scrollbar).

wrap

Bestimmt die Art von Zeilenumbrüchen:
nicht gesetzt (off) - Benutzer muss Enter drücken, um Zeilenumburch zu bewirken.
VIRTUAL - Automatischer Zeilenumbruch um Text an Feldbreite anzupassen (Text wird ohne Umbrüche an Scripte versandt).
PHYSICAL - wie virtual, jedoch werden die automatischen Zeilenumbrüche als reguläre an Scripte geschickt.


Beispiel: <textarea rows=4 cols=20>Ihr Kommentar</textarea>
 




Copyright © 1999-2001 Bernd-Christian Renner
Modifizierung oder Weitergabe an Dritte nur mit Einverständnis des Autors gestattet.