SELFHTML: HTML / Formulare / Versteckte Elemente in Formularen

SELFHTML/Quickbar HTML Formulare

	Versteckte Elemente in Formularen
	Versteckte Elemente in Formularen definieren

Versteckte Elemente in Formularen definieren

Anzeigebeispiel: So sieht's aus

Sie können Felder in einem Formular definieren, die dem Anwender nicht angezeigt werden. Versteckte Felder können Daten enthalten. Beim Absenden des Formulars werden die Daten versteckter Felder mit übertragen. Auf diese Weise können Sie beispielsweise zusätzliche Informationen an CGI-Programme übergeben oder erläuternden Text einfügen, der bei der E-Mail-Übertragung der Formulardaten in der E-Mail mit enthalten ist.

Auch für JavaScript ist diese Möglichkeit interessant. Da ein JavaScript Formularfelder problemlos auslesen und deren Werte auch ändern kann, ist es auf diese Weise bequem möglich, interne Daten zu speichern, die nicht am Bildschirm angezeigt werden, von einem JavaScript jedoch benötigt werden. Im Zusammenhang mit Frames können JavaScripts sogar auf versteckte Formulardaten zugreifen, die in einer anderen Datei im Frame-Set stehen.

Beispiel:

<form name="Feedback" action="mailto:abc@xy.com" method=post enctype="text/plain">
Ihr Name: <input name="UserName>"
<input type=hidden name="UserBrowser" value="">
<input type=submit value="Absenden">
</form>
<script language="JavaScript">
 document.Feedback.UserBrowser.value = navigator.userAgent;
</script>

Erläuterung:

Mit <input type=hidden ...> definieren Sie versteckte Daten in einem Formular (input = Eingabe, hidden = versteckt). Die Daten selbst bestimmen sie mit der Zusatzangabe value= (value = Wert). Die Angabe muß in Anführungszeichen stehen.

Im obigen Beispiel erhält das versteckte Formularfeld zunächst keine Daten (value=""). Unterhalb des Formulars ist jedoch ein JavaScript notiert. Dieses Script ermittelt den Browser-Typ, den der Anwender verwendet, und schreibt den ermittelten Wert in das versteckte Formularfeld. Wenn der Anwender das Formular absendet, wird also der verwendete Browser als Formularinhalt mit übertragen.

Auf die JavaScript-Befehle wird hier nicht weiter eingegangen. Innerhalb der JavaScript-Dokumentation in diesem Dokument finden Sie die entsprechenden Befehle in der Objektreferenz beschrieben. Maßgeblich sind das navigator-Objekt und das forms-Objekt.


weiter:	Formularelemente gruppieren
zurück:	Datei-Buttons

SELFHTML/Quickbar HTML Formulare