Formulare, Grundlagen, Formularobjekte
In Dreamweaver können Formulare und Formularobjekte über die [1] Dokumentsymbolleiste mit Hilfe von Symbolen des Menüs Formulare oder über die [2] Anwendungsleiste über das Pulldown-Menü "Einfügen" -> [5] "Formulare" erstellt werden.
Die Formulardarstellung in der [3] Entwurfsansicht weicht, vor allem, was die Breite der Objekte betrift, von der Darstellung im [4] Webbrowser etwas ab.

Folgende Standardobjekte für Formulare werden angeboten:
[6] Formular: In der Entwurfsansicht ist der Rahmen des Formulars rot gepunktet umrahmt.
[7] Textfeld: Einzeiliges Textfeld;
[8] Textbereich: Mehrzeiliger Textbereich, falls notwendig, werden Schieberegler angezeigt;
[9] Schaltfläche: Wird normalerweise zum Absenden des Formulars oder zum Zurücksetzen der Eingaben verwendet;
[10] Checkbox: Zum Auswählen von einer oder mehreren Optionen;
[11] Optionsschalter: Zur Auswahl einer angebotenen Option (nur eine Auswahl ist möglich);
[12] Liste/Menü: Zum Auswählen von Einträgen aus einer Liste oder einem Menü;
[13] Dateifeld: Feld zum Hochladen von Dateien (Datei-Upload);
[14] Bildfeld: Verknüpfte Grafik, kann auch als Schaltfläche verwendet werden);
[15] Verstecktes Feld: Weist dem Feld einen Wert zu, der für den User im Webbrowser nicht sichtbar ist (wird in der Entwurfsansicht mit einem Symbol angezeigt)
siehe auch ->HTML, Formulare, Grundlagen

Formulare, Formularobjekte, Textfeld einzeilig
In Dreamweaver wird ein einzeiliges Textfeld für ein Formular über die Dokumentsymbolleiste mit Hilfe von Symbolen des Menüs [1] Formulare oder über die [2] Anwendungsleiste über das Pulldown-Menü "Einfügen" -> "Formulare" -> "Textfeld" erstellt.

Nach der Menüauswahl werden im Fenster [3] "Eingabehilfen-Attribute für Input-Tag" verschiedene Optionen für die einzeilige Textzeile angeboten:
[4] id: Wert für das Attribut "id" (und ev. "name") (zB person) wird hinzugefügt;
[5] Beschriftung: Dem Textfeld kann eine Beschriftung vor oder nach dem Feld, je nach Positionsauswahl, zugewiesen werden. Für den Stil der Beschriftung gibt es folgende Möglichkeiten, wobei die Unterschiede im Quelltext und nicht unbedingt in der Entwurfsansicht erkennbar sind:
[6]Stil: Kein Label-Tag: Die Beschriftung wird als Text dem Input-Tag hinzugefügt.
[7]Stil: Umbruch mit Label-Tag: Die Beschriftung und der Tag <input> wird innerhalb der Tags <label> angeordnet.
[8]Stil: Label-Tag mit 'for'-Attribut anhängen: Die Beschriftung wird innerhalb des Tags <label> vor dem Tag <input> angeprdnet. Dem Tag <label> wird zusätzlich das Attribut "for" hinzugefügt (gleicher Wert wie bei Attribut "id")

Für die Position der Beschriftung gibt es zwei Möglichkeiten:
[9] Position: Vor Formularelement: Die Beschriftung des Textfeldes wird vor dem Formularlement angeordnet.
[10] Position: Nach Formularelement: Die Beschriftung des Textfeldes wird nach dem Formularlement angeordnet.

[11] Im Eigenschaftsinpektor werden die Eigenschaften des [12] Textfeldes angezeigt, welche hier auch geändert werden können:
[13] Wert des Attributs "id" (und ev. des Attributes "name"): unterhalb von "Textfeld" (zB person)
[14] Typ des Textfeldes: Hier ist natürlich "Einzeilig" vorgegeben.
[15] Die Zeichenbreite erhält einen internen Vorgabenwert, welcher jedoch geändert werden kann (zB 32)
[16] Die Eingabe der höchst zulässigen Zeichenanzahl kann durch Eingabe eines Zahlen-Wertes in " Zeichen max." beschränkt werden (zB 80).
[17] Das Textfeld kann durch Eingabe von Zeichen im Feld "Anfangswert" einen Vorgabewert erhalten (zB Maria Maier).

Formulare, Formularobjekte, Textfeld, Kennwort
In Dreamweaver wird für die Eingabe eines Kennwortes (Passwort) ein einzeiliges Textfeld für ein Formular verwendet. Dieses ist über die Dokumentsymbolleiste mit Hilfe von Symbolen des Menüs [1] "Formulare" oder über die Anwendungsleiste über das Pulldown-Menü [2] "Einfügen" -> "Formulare" -> "Textfeld" erstellt.
Siehe auch -> Textfeld einzeilig

Im Fenster [3] "Eingabehilfen-Attribute für Input-Tag" können u.a. folgende Eingaben gemacht werden:
[4] id: Werte für die Attribute "id" und "name" werden hinzugefügt (zB "password")
[5] Beschriftung: Dem Textfeld kann eine Beschriftung vor oder nach dem Feld, je nach Positionsauswahl, zugewiesen werden (zB "Kennwort").
In der Entwurfsansicht wird das [6] Eingabefeld für das Passwort mit der eventuellen Beschriftung dargestellt.
Im [7] Eigenschaftsinpektor werden die änderbaren Eigenschaften des Textfeldes angezeigt.
Dies sind u.a. die für die [8] Attribute für "id" und "name" identischen Werte unterhalb von "Textfeld".
Als Typ ist hier [9] "Kennwort" auszuwählen. Bei der Eingabe des Kennwortes im [9] Formular eines Webbrowsers werden dabei die Zeichen nicht als Klartext, sondern als [10] Punkte dargestellt.

Anmerkung :
Auch hier kann ein [11] Anfangswert, welcher in Punktform angezeigt wird eingegeben werden. Aber bei der Abfrage von Kennwörtern sind vorgegebene Anfangswerte sicher nicht sinnvoll.

Formulare, Formularobjekte, Textfeld, Textbereich
In Dreamweaver wird ein mehrzeiliges Textfeld (Textbereich) für ein Formular über die Dokumentsymbolleiste mit Hilfe von Symbolen des Menüs [1] Formulare oder über die [2] Anwendungsleiste über das Pulldown-Menü "Einfügen" -> "Formular" -> "Textbereich" erstellt.
Siehe auch -> Textfeld einzeilig

Im Fenster [3] "Eingabehilfen-Attribute für Input-Tag" können u.a. folgende Eingaben gemacht werden:
[4] id: Werte für die Attribute "id" und "name" werden hinzugefügt (zB "textbereich1")
[5] Beschriftung: Dem Textfeld kann eine Beschriftung vor oder nach dem Feld, je nach Positionsauswahl, zugewiesen werden (zB "Mitteilung:")
In der Entwurfsansicht wird das [6] Eingabefeld für den Textbereich mit der eventuellen Beschriftung dargestellt. Dabei werden Standardvorgaben für die Zeichenbreite und Anzahl der anzuzeigenden Zeilen verwendet
Im [7] Eigenschaftsinpektor werden die änderbaren Eigenschaften des Textbereiches angezeigt.
Dies sind u.a. die für die [8] Attribute für "id" und "name" identischen Werte unterhalb von "Textfeld".
Als [9] Typ des Textfeldes ist natürlich "Mehrzeilig" vorgegeben.
Vorgabewerte für die [10] Zeichenbreite sind zB 45 Zeichen und für die Anzahl der [11] anzuzeigenden Zeilen zB 5 Zeilen. Werden mehr als 5 Zeilen Text eingegeben, können mit dem [12] Schieberegler die verdeckten Zeilen in den sichtbaren Textbereich verschoben werden.
Für den [13] Anfangswert kann ein Vorgabetext eingegeben werden. Dieser wird im [14] Textbereichseingabefeld angezeigt und automatisch umgebrochen, falls er länger als die angegebene Zeichenbreite ist.
[15] Zeichenbreite und anzuzeigende Zeilen können im Eigenschaftsinspektor jederzeit geändert werden.
Bei der Eingabe von Text im [16] Textbereich eines Formulars im Webbrwoser kann der Benutzer Text hinzufügen und bestehenden Vorgabetext ändern.

Anmerkung :
Im Eigenschaftsinspektor kann ein mehrzeiliges Textfeld in ein einzeiliges Textfeld oder Passworttextfeld geändert werden.
Werden keine Zeichenbreite und keine Zahl für die Zeilen angegeben, werden als Minimum ca. 30 Zeichenbreite und 2 Zeilen vom Browser angenommen.

Formulare, Formularobjekte, Schaltfläche
In Dreamweaver wird eine Schaltfläche für ein Formular über die Dokumentsymbolleiste mit Hilfe von Symbolen des Menüs [1] Formulare oder über die [2] Anwendungsleiste über das Pulldown-Menü "Einfügen" -> "Formular" -> "Schaltfläche" erstellt.

Im Fenster [3] "Eingabehilfen-Attribute für Input-Tag" können u.a. folgende Eingaben gemacht werden:
[4] id: Werte für die Attribute "id" und "name" werden hinzugefügt (zB "button1")
[5] Beschriftung: Dem Textfeld kann eine Beschriftung vor oder nach dem Feld, je nach Positionsauswahl, zugewiesen werden (zB "Schaltfläche:")
In der Entwurfsansicht wird die [6] Schaltfläche mit der vorgegebenen Beschriftung "Senden" eingefügt. Die Breite der Schaltfläche passt sich größenmäßig an die Beschriftung an.
Im [7] Eigenschaftsinpektor werden die änderbaren Eigenschaften des Textbereiches angezeigt. Dies sind u.a. die für die [8] Attribute für "id" und "name" identischen Werte unterhalb von "Textfeld".
Als [9] Wert wird standardmäßig "Senden" eingetragen. Automatisch wird die für ein Formular notwendige Aktion [10] "Abschicken" ausgewählt.
Wird eine zweite Schaltfläche eingefügt, erhält sie automatisch den [11] Wert und die [12] Beschriftung "Zurücksetzen". Als [13] Aktion wird automatisch "Zurücksetzen" ausgewählt. Mit dieser Schaltfläche können daher User vor dem Abschicken alle Eingaben wieder löschen.
Beschriftung und Wert einer Schaltfläche können natürlich nachträglich [14] geändert werden (zB Änderung in "OK-Senden").
Soll einer Schaltfläche keine vorgegebene Aktion zugewiesen werden, kann [15] "Keine" ausgewählt werden.

Anmerkung : Der Wert der Schaltfläche wird für die Beschriftung der Schaltfläche verwendet.