Formulare zum Sammeln von Benutzerinformationen verwenden

Zuletzt aktualisiert am 20. Dezember 2021

Über das Sammeln von Informationen von Benutzern

Du kannst Webformulare oder Hypertext-Links verwenden, um Informationen von Benutzern zu sammeln, diese Informationen im Speicher des Servers zu speichern und dann die Informationen zu verwenden, um eine dynamische Antwort basierend auf der Eingabe des Benutzers zu erstellen. Die häufigsten Tools zum Sammeln von Benutzerinformationen sind HTML-Formulare und Hypertext-Links.

HTML-Formulare

Ermöglichen es dir, Informationen von Benutzern zu sammeln und sie im Speicher des Servers zu speichern. Ein HTML-Formular kann die Informationen entweder als Formular-Parameter oder als URL-Parameter senden.

Hypertext-Verknüpfungen

Ermöglichen es dir, Informationen von Benutzern zu sammeln und sie im Speicher des Servers zu speichern. Du gibst einen Wert (oder Werte) an, der übermittelt werden soll, wenn ein Benutzer auf einen Link klickt – eine Präferenz zum Beispiel – indem du den Wert an die URL anhängst, die im Anker-Tag angegeben ist. Wenn ein Benutzer auf den Link klickt, sendet der Browser die URL und den angehängten Wert an den Server.

Die Benutzeroberfläche wurde in Dreamweaver vereinfacht. Daher kann es sein, dass einige der in diesem Artikel beschriebenen Optionen in Ihrer Version von Dreamweaver nicht vorhanden sind. Weitere Informationen finden Sie in diesem Artikel.

Parameter von HTML-Formularen

Formularparameter werden an den Server mittels eines HTML-Formulars gesendet, das entweder die POST- oder GET-Methode verwendet.

Bei Verwendung der POST-Methode werden Parameter an den Webserver als Teil des Dokument-Headers gesendet und sind nicht sichtbar oder zugänglich für alle, die die Seite mit Standard- Methoden anzeigen. Die POST-Methode sollte für Werte verwendet werden, die Datenbankinhalte beeinflussen (zum Beispiel Einfügen, Aktualisieren oder Löschen von Datensätzen), oder für Werte, die per E-Mail gesendet werden.

Die GET-Methode hängt Parameter an die angeforderte URL an. Die Parameter sind dabei für jeden Benutzer sichtbar, der die Seite anzeigt. Die Methode GET eignet sich für Suchformulare.

Du kannst mit Dreamweaver schnell HTML-Formulare entwerfen, die Formularparameter an den Server senden.Achte auf die Methode, die du verwendest, um Informationen vom Browser an den Server zu übertragen.

Formularparameter erhalten die Namen von ihren entsprechenden Formularobjekten. Wenn dein Formular beispielsweise ein Textfeld namens txtLastName enthält, wird der folgende Formularparameter an den Server gesendet, wenn der Benutzer auf den Button Senden klickt:

txtLastName=enteredvalue

In Fällen, in denen eine Web-Anwendung einen präzisen Parameter wert erwartet (zum Beispiel, wenn sie eine Aktion basierend auf einer von mehreren Optionen ausführt), verwende ein Optionsfeld, Kontrollkästchen oder Listen-/Menü-Formularobjekt, um die Werte zu steuern, die der Anwender senden kann.Das verhindert, dass Anwender Informationen falsch eingeben und einen Anwendungsfehler verursachen.Im folgenden Beispiel ist ein Popupmenüformular mit drei Auswahlmöglichkeiten dargestellt:

Popupmenü „Formular“

Jede Menüauswahl entspricht einem fest codierten Wert, der als Formularparameter an den Server übermittelt wird. Das Dialogfeld Listenwerte im folgenden Beispiel ordnet jeden Listeneintrag einem Wert zu (Hinzufügen, Aktualisieren oder Löschen):

Dialogfeld mit Listenwerten

Nachdem ein Formularparameter erstellt wurde, kann Dreamweaver den Wert abrufen und in einer Web-Anwendung verwenden.Nach der Definition des Formularparameters in Dreamweaver kannst du seinen Wert in eine Seite einfügen.

URL-Parameter

URL-Parameter ermöglichen es dir, vom Benutzer bereitgestellte Informationen vom Browser an den Server zu übertragen. Wenn ein Server eine Anfrage erhält und Parameter an die URL der Anfrage angehängt sind, gibt der Server der angeforderten Seite Zugriff auf die Parameter, bevor er diese Seite an den Browser weiterleitet.

Ein URL-Parameter ist ein Name-Wert-Paar, das an eine URL angehängt wird. Der Parameter beginnt mit einem Fragezeichen (?)und hat den Aufbau name=value. Wenn mehr als ein URL-Parameter vorhanden ist, wird jeder Parameter durch ein Ampersand (&) getrennt.Das folgende Beispiel zeigt einen URL-Parameter mit zwei Name-Wert-Paaren:

http://server/path/dokument?name1=wert1&name2=wert2

In diesem Beispielarbeitsablauf handelt es sich bei der Anwendung um einen Online-Shop. Da die Entwickler der Website die größtmögliche Zielgruppe erreichen möchten, ist die Website so gestaltet, dass sie Fremdwährungen unterstützt.Wenn sich Benutzer auf der Website anmelden, können sie die Währung auswählen, in der sie die Preise der verfügbaren Artikel anzeigen möchten.

Der Browser fordert vom Server die Seite „report.cfm“ an. Die Anforderung enthält den URL-Parameter Currency="euro". Die Currency="euro" Variable gibt an, dass alle abgerufenen Geldbeträge als Euro der Europäischen Union angezeigt werden sollen.

Der Server speichert den URL-Parameter vorübergehend im Arbeitsspeicher.

Die report.cfm-Seite verwendet den Parameter, um die Kosten von Artikeln in Euro abzurufen. Diese Geldbeträge können entweder in einer Datenbanktabelle verschiedener Währungen gespeichert oder aus einer einzelnen Währung umgerechnet werden, die jedem Artikel zugeordnet ist (jede von der Anwendung unterstützte Währung).

Der Server sendet die report.cfm-Seite an den Browser und zeigt den Wert der Artikel in der angeforderten Währung an. Wenn dieser Anwender die Sitzung beendet, löscht der Server den Wert des URL-Parameters und gibt Server-Speicher frei, um neue Anwenderanfragen zu verarbeiten.

URL-Parameter werden auch erstellt, wenn die HTTP-GET-Methode in Verbindung mit einem HTML-Formular verwendet wird. Die GET-Methode gibt an, dass der Parameterwert an die URL-Anfrage angehängt wird, wenn das Formular übermittelt wird.

Typische Verwendungszwecke von URL-Parametern sind die Personalisierung von Websites basierend auf Anwenderpräferenzen. Beispielsweise kann ein URL-Parameter, der aus einem Benutzernamen und Passwort besteht, zur Authentifizierung eines Benutzers verwendet werden, wodurch nur Informationen angezeigt werden, die der Benutzer abonniert hat.Häufige Beispiele hierfür sind Finanz-Websites, die individuelle Aktienkurse basierend auf Börsensymbolen anzeigen, die der Anwender zuvor ausgewählt hat. Web-Anwendungsentwickler verwenden häufig URL-Parameter, um Werte an Variablen innerhalb von Anwendungen zu übergeben. Du könntest beispielsweise Suchbegriffe an SQL-Variablen in einer Web-Anwendung übergeben, um Suchergebnisse zu generieren.

Du erstellst URL-Parameter innerhalb eines HTML-Links, indem du das href-Attribut des HTML-Anker-Tags verwendest. Du kannst die URL-Parameter direkt im Attribut in der Code-Ansicht eingeben (Ansicht > Code) oder durch Anhängen der URL-Parameter am Ende der Link-URL im Eigenschafteninspektor-Link-Feld.

Im folgenden Beispiel erstellen drei Links einen einzelnen URL-Parameter (action) mit drei möglichen Werten (Add, Update und Delete). Wenn der Anwender auf einen Link klickt, wird ein Parameterwert an den Server gesendet und die angeforderte Aktion ausgeführt.

<a href="http://www.mysite.com/index.cfm?action=Add">Datensatz hinzufügen</a>

<a href="http://www.mysite.com/index.cfm?action=Update">Datensatz aktualisieren</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">Datensatz löschen</a>

Mit dem Eigenschafteninspektor (Fenster > Eigenschaften) kannst du dieselben URL-Parameter anlegen, indem du den Link auswählst und die URL-Parameter-Werte am Ende der Link-URL im Feld Link anhängst.

Eigenschafteninspektor

Nachdem ein URL-Parameter angelegt wurde, kann Dreamweaver den Wert abrufen und in einer Web-Anwendung verwenden. Nach der Definition des URL-Parameters in Dreamweaver kannst du seinen Wert innerhalb einer Seite einfügen.