Wie man ein Formular in Dreamweaver -Format. Sie können sie benutzen, um Daten zu sammeln , verkaufen Dinge , nehmen Sie Umfragen, Tests und Quizzes geben - und dies nur Kratzer die Oberfläche . Dreamweaver , einem der führenden Web-Entwicklung Anwendung verfügt über verschiedene Funktionen für den Aufbau und Formatieren von Formularen. Sie können das Programm 12 Formular-Elemente , wie Textfelder , Textbereiche , Dropdown-Listen und Knopf Gruppen , um die Form zu konstruieren , und verwenden Sie dann HTML und Cascading Style Sheets oder CSS , um das Aussehen des Formulars ändern . Diese Funktionen werden in Dreamweaver CS2 und später. Anleitung
1
Öffnen Sie eine Dreamweaver HTML-Seite , in der Sie ein Formular schließen , oder starten Sie eine neue HTML-Seite . Für eine neue Seite , klicken Sie auf das Menü "Datei" und wählen Sie "Neu." Das Dialogfeld Neues Dokument wird geöffnet. Wählen Sie "HTML" von der Seite Liste Typ das gewünschte Layout aus der Liste Layout , und klicken Sie dann auf "OK".
2
Klicken Sie im Bereich auf der Seite , wo Sie Ihre Form starten wollen , um den Cursor einzufügen.
3
Klicken Sie auf das Menü "Einfügen" , wählen Sie "Form ", und wählen Sie dann "Text Field. " Die meisten Formen beginnen mit einem Textfeld für den Namen des Benutzers . Viele Formen haben zwei Namen Felder, eines für den Vornamen und eine für den Nachnamen. Wenn Sie nicht möchten, dass Ihre Form mit einem Textfeld zu starten, wählen Sie ein anderes Formularfeld Typ aus dem Formular Untermenü . Es öffnet sich die Input-Tag -Attribute im Dialogfeld .
4
Typ eine identifizierende Namen im Feld "ID" . Jedes Formularfeld ID muss eindeutig sein. Der Browser des Benutzers und die Skripte, und senden Sie behandeln die Formulardaten verwenden das Formularfeld ID Formulardaten mit bestimmten Bereichen zuzuordnen.
Sie können auch ein Feld Label aus der Input-Tag -Attribute im Dialogfeld . Geben Sie das Etikett im Feld "Beschriftung" und verwenden Sie die Optionen unter "Position" , um die Platzierung des Etiketts konfigurieren - . Entweder vor oder nach dem Feld
5
Klicken Sie auf " OK" , um eingelassen die Feld in Ihre Seite ein . Dreamweaver fragt, ob Sie ein Formular-Tag hinzuzufügen. Dies schafft eine CSS-Regel für das Formular -Element. Klicken Sie auf " Ja". Dreamweaver fügt das Feld und erzeugt eine gestrichelte rote Bounding Box um ihn herum. Dieses Feld identifiziert die Form Bereich auf der Seite . Sie sollte alle anderen Formelemente für diese Form in der Box.
6
Wählen Sie das Formular -Element und gehen auf die Eigenschaften -Panel. Je nach der Art der Formular-Element , können Sie zahlreiche Änderungen an der Formatierung im Eigenschaften-Bedienfeld zu machen. Bei Textfeldern , zum Beispiel , können Sie die Feldbreite , ändern Sie das Feld aus einzeiligen mit mehreren Leitungen und die maximale Anzahl von Zeichen. Sie können auch füllen Sie die Formular-Elemente , die den Benutzer bieten mit Optionen , wie z. B. Select Listen und Menüs auswählen , Radio Knopf Gruppen und Gruppen Checkbox .
7
Doppelklicken Sie auf das Etikett , um es auszuwählen . Gehen Sie auf die Eigenschaften -Panel und klicken Sie auf " Regel bearbeiten " Button . Dies öffnet das Neue CSS-Regel Dialogfeld . Klicken Sie auf " OK, um die CSS-Regel- Definition zu öffnen. Von hier aus können Sie die Eigenschaften der Label-Text ändern. Um das Aussehen des Textes zu ändern , klicken Sie auf " Typ " in der Spalte" Kategorie " .
8
Nehmen Sie die gewünschte Schriftart, Schriftgröße , Schriftfarbe und Schriftgröße Änderungen und klicken Sie auf " OK". Dadurch ändert sich das Format für dieses Label und andere erstellen Sie für diese Form
9
Wiederholen Sie diesen Vorgang um den Rest der Formelemente erstellen. kann mit einem ( und so viele , wie Sie benötigen ) der Formular-Elemente auf dem Formular Untermenü . Bei den meisten Formen , die letzte Form Element ist die Schaltfläche Senden .
