Mit diesem Verfahren können Sie ein Web-Formular visuell in Dreamweaver erstellen, indem Sie Formularelemente auf einer Seite einfügen.

Sie können ein Web-Formular in Dreamweaver visuell durch Einfügen von Formularelementen auf einer Seite erstellen. Dies ist aber noch nicht alles. Die andere, komplexere Aufgabe besteht darin, einen Mechanismus zum Verarbeiten der Daten zu entwickeln, die die Besucher mit dem Formular senden. Die Daten werden in einigen Fällen beispielsweise in einer Kundendatenbank gespeichert. Normalerweise werden die Formulardaten mit Webanwendungstechnologien wie PHP oder Adobe ColdFusion verarbeitet.

In diesem Artikel wird beschrieben, wie Sie ein einfaches Web-Formular erstellen. Das Entwickeln des Mechanismus zum Verarbeiten der gesendeten Formulardaten gehört nicht zum Themenbereich des Artikels. Detaillierte Anweisungen zum Erstellen von Formularen und eines Mechanismus zum Verarbeiten gesendeter Daten mit PHP finden Sie in dieser Tutorial-Reihe im Adobe Developer Center.

Web-Formulare erstellen

  1. Öffnen Sie eine Seite in der Entwurfsansicht in Dreamweaver und setzen Sie die Einfügemarke an die gewünschte Position des Formulars.
  2. Wählen Sie „Einfügen“ > „Formular“ > „Formular“. Sie können auch die Kategorie „Formulare“ im Bedienfeld „Einfügen“ auswählen (das kleine Dreieck unterhalb der Registerkarte des Bedienfelds) und auf das Formularsymbol klicken. Dreamweaver fügt ein leeres Formular ein. In der Entwurfsansicht sind Formulare durch einen rot gepunkteten Rahmen gekennzeichnet. Wenn der Rahmen nicht sichtbar ist, wählen Sie „Ansicht“ > „Visuelle Hilfsmittel“ > „Unsichtbare Elemente“.
  3. Geben Sie die Seite oder das Skript an, die bzw. das die Formulardaten verarbeitet. Klicken Sie im Dokumentfenster auf den Formularrahmen, um das Formular auszuwählen. Geben Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) den Dateinamen (und ggf. den Pfad) der Verarbeitungsseite im Aktionstextfeld des Eigenschafteninspektors ein. Alternativ können Sie auf das Ordnersymbol klicken, um zur gewünschten Seite bzw. zum gewünschten Skript zu navigieren, z. B. process_order.php.
  4. Geben Sie die Methode an, die zum Übertragen der Formulardaten zum Server verwendet werden soll. Wählen Sie im Popupmenü „Methode“ des Eigenschafteninspektors eine der folgenden Optionen aus:
    • POST bettet die Formulardaten in die HTTP-Anforderung ein. Weitere Informationen finden Sie unter Parameter von HTML-Formularen in der Dreamweaver-Hilfe.
    • GET hängt den Wert an die URL an, welche die Seite anfordert. Weitere Informationen finden Sie unter URL-Parameter in der Dreamweaver-Hilfe.
    • Standard verwendet zum Senden der Formulardaten an den Server die Standardeinstellung des Browsers. Die Standardeinstellung ist normalerweise die GET-Methode.
  5. Fügen Sie Formularobjekte ein. Setzen Sie die Einfügemarke im Formular an die Stelle, an der das Formularobjekt angezeigt werden soll. Wählen Sie dann das Objekt unter „Einfügen“ > „Formular“ oder in der Kategorie „Formulare“ der Leiste „Einfügen“ aus. Platzieren Sie Formularobjekte auf der Seite innerhalb des gepunkteten roten Rands des Formulars. Weitere Informationen zu Formularobjekten finden Sie unter Formularobjekte in der Dreamweaver-Hilfe.

  6. Passen Sie das Layout des Formulars an. Zur Gestaltung Ihrer Formulare können Sie Zeilenumbrüche, Absatzumbrüche, vorformatierten Text und Tabellen einsetzen. Sie können ein Formular nicht in ein anderes Formular einfügen, eine Seite kann aber mehrere Formulare enthalten. Benennen Sie die Formularobjekte beim Entwerfen des Formulars mit beschreibendem Text, damit die Benutzer wissen, was sie eingeben müssen. Verwenden Sie z. B. „Bitte Namen eingeben“, um zur Eingabe eines Namens aufzufordern. Mit Tabellen können Sie Formularobjekten und Beschriftungen eine Struktur verleihen. Stellen Sie sicher, dass alle Tabellen-Tags zwischen den Formular-Tags stehen.

Dieses Werk unterliegt den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise   |   Online-Datenschutzrichtlinie