So fügen Sie ein Formular mit KompoZer hinzu

Beim Erstellen von Webseiten müssen Sie häufig Eingaben verarbeiten, die vom Benutzer übermittelt werden, z. B. eine Anmeldeseite, die Erstellung eines neuen Kontos oder das Senden von Fragen oder Kommentaren. Benutzereingaben werden gesammelt und mithilfe eines HTML-Formulars an den Webserver gesendet. Mit den integrierten Tools von KompoZer können Formulare einfach hinzugefügt werden. Alle von HTML 4.0 unterstützten Formularfeldtypen können mit KompoZer hinzugefügt und bearbeitet werden. In diesem Lernprogramm arbeiten wir jedoch mit Text, Textbereich, Schaltflächen zum Senden und Zurücksetzen.

Erstellen Sie ein neues Formular

KompoZer verfügt über umfangreiche Formularwerkzeuge, mit denen Sie Ihren Webseiten Formulare hinzufügen können. Sie können auf die Formular-Tools zugreifen, indem Sie auf die Schaltfläche "Formular" oder das zugehörige Dropdown-Menü in der Symbolleiste klicken. Wenn Sie keine eigenen Formularverarbeitungsskripts schreiben, müssen Sie einige Informationen für diesen Schritt aus der Dokumentation oder vom Programmierer erhalten, der das Skript geschrieben hat. Sie können auch Mailto-Formulare verwenden, aber sie funktionieren nicht immer.

1. Positionieren Sie den Cursor an der Stelle, an der Ihr Formular auf der Seite angezeigt werden soll.
2. Drücke den Bilden Schaltfläche in der Symbolleiste. Das Dialogfeld Formulareigenschaften wird geöffnet.
3. Fügen Sie einen Namen für das Formular hinzu. Der Name wird im automatisch generierten HTML-Code zur Identifizierung des Formulars verwendet und ist erforderlich. Sie müssen Ihre Seite auch speichern, bevor Sie ein Formular hinzufügen können. Wenn Sie mit einer neuen, nicht gespeicherten Seite arbeiten, fordert KompoZer Sie zum Speichern auf.
4. Fügen Sie dem Skript, das die Formulardaten verarbeitet, die URL im Feld Aktions-URL hinzu. Formularhandler sind normalerweise Skripts, die in PHP oder einer ähnlichen serverseitigen Sprache geschrieben sind. Ohne diese Informationen kann Ihre Webseite nichts mit den vom Benutzer eingegebenen Daten tun. KompoZer fordert Sie auf, die URL für den Formular-Handler einzugeben, wenn Sie ihn nicht eingeben.
5. Wähle aus Methode verwendet, um die Formulardaten an den Server zu senden. Die zwei Optionen sind GET und POST. Sie müssen wissen, welche Methode das Skript erfordert.
6. Klicken OK und das Formular wird Ihrer Seite hinzugefügt.

Fügen Sie einem Formular ein Textfeld hinzu

Wenn Sie einer Seite mit KompoZer ein Formular hinzugefügt haben, wird das Formular auf der Seite hellblau gestrichelt dargestellt. Sie fügen Ihre Formularfelder in diesem Bereich hinzu. Sie können auch Text eingeben oder Bilder hinzufügen, wie Sie es auch an anderen Teilen der Seite tun würden. Text ist nützlich, um Eingabeaufforderungen oder Beschriftungen zu Formularfeldern hinzuzufügen, die den Benutzer anleiten.

1. Wählen Sie den Ort für das Textfeld aus, um in den umrissenen Formularbereich zu gelangen. Wenn Sie eine Beschriftung hinzufügen möchten, können Sie den Text zuerst eingeben.
2. Drücke den Pfeil nach unten neben dem Bilden Schaltfläche in der Symbolleiste und wählen Sie Formularfeld aus dem Dropdown-Menü.
3. Das Fenster Formulareigenschaften wird geöffnet. Um ein Textfeld hinzuzufügen, wählen Sie Text aus dem Dropdown-Menü mit der Bezeichnung Feldtyp.
4. Geben Sie dem Textfeld einen Namen. Der Name wird verwendet, um das Feld im HTML-Code zu identifizieren, und das Formularverarbeitungsskript benötigt den Namen, um die Daten zu verarbeiten. In diesem Dialogfeld können Sie eine Reihe weiterer optionaler Attribute ändern, indem Sie die Option auswählen Mehr Eigenschaften / Weniger Eigenschaften oder durch Drücken der Advanced Edit-Taste, aber vorerst geben wir einfach den Feldnamen ein.
5. Klicken OK und das Textfeld erscheint auf der Seite.

Fügen Sie einem Formular einen Textbereich hinzu

Manchmal muss viel Text in ein Formular eingegeben werden, z. B. eine Nachricht oder ein Fragen- / Kommentarfeld. In diesem Fall ist ein Textfeld einfach nicht geeignet. Sie können mit den Formularwerkzeugen ein Textfeld-Formularfeld hinzufügen.

1. Positionieren Sie den Cursor innerhalb der Formularumrandung an der Stelle, an der sich Ihr Textbereich befinden soll. Wenn Sie eine Beschriftung eingeben möchten, ist es oft ratsam, den Beschriftungstext einzugeben. Drücken Sie die Eingabetaste, um zu einer neuen Zeile zu wechseln, und fügen Sie dann das Formularfeld hinzu, da die Größe des Textbereichs auf der Seite für das Textfeld unangenehm ist Beschriftung links oder rechts.
2. Drücke den Pfeil nach unten neben dem Bilden Klicken Sie in der Symbolleiste auf die Schaltfläche und wählen Sie Text Bereich aus dem Dropdown-Menü. Das Fenster mit den Eigenschaften des Textbereichs wird geöffnet.
3. Geben Sie einen Namen für das Textfeldfeld ein. Der Name gibt das Feld im HTML-Code an und wird vom Formularverarbeitungsskript zur Verarbeitung der vom Benutzer übermittelten Informationen verwendet.
4. Geben Sie die Anzahl der Zeilen und Spalten ein, die der Textbereich anzeigen soll. Diese Dimensionen bestimmen die Größe des Felds auf der Seite und wie viel Text in das Feld eingegeben werden kann, bevor ein Bildlauf erfolgen muss.
5. Mit den anderen Steuerelementen in diesem Fenster können erweiterte Optionen angegeben werden, für den Moment sind jedoch der Feldname und die Abmessungen ausreichend.
6. Klicken OK und der Textbereich wird im Formular angezeigt.

Fügen Sie einem Formular eine Schaltfläche zum Senden und Zurücksetzen hinzu

Nachdem der Benutzer das Formular auf Ihrer Seite ausgefüllt hat, müssen die Informationen an den Server übermittelt werden. Wenn der Benutzer neu beginnen möchte oder einen Fehler macht, ist es außerdem hilfreich, ein Steuerelement hinzuzufügen, das alle Formularwerte auf den Standardwert zurücksetzt. Spezielle Formularsteuerelemente übernehmen diese Funktionen, die als Senden- bzw. Zurücksetzen-Schaltfläche bezeichnet werden.

1. Platzieren Sie den Cursor innerhalb des umrissenen Formularbereichs, wo Sie die Schaltfläche zum Senden oder Zurücksetzen wünschen. Meistens befinden sich diese unter den restlichen Feldern eines Formulars.
2. Drücke den Pfeil nach unten neben dem Bilden Klicken Sie in der Symbolleiste auf die Schaltfläche und wählen Sie Schaltfläche definieren aus dem Dropdown-Menü. Das Fenster mit den Button-Eigenschaften wird angezeigt.
3. Wählen Sie den Typ der Schaltfläche aus dem Dropdown-Menü mit der Bezeichnung Typ. Ihre Auswahlmöglichkeiten sind Senden, Zurücksetzen und Button. In diesem Fall wählen wir die einreichen Art.
4. Geben Sie der Schaltfläche einen Namen, der im HTML- und Formularverarbeitungscode zur Verarbeitung der Formularanforderung verwendet wird. Webentwickler nennen dieses Feld normalerweise "Submit".
5. Im Feld beschriftet WertGeben Sie den Text ein, der auf der Schaltfläche erscheinen soll. Der Text sollte kurz sein, aber beschreiben, was passiert, wenn die Taste gedrückt wird. Etwas wie "Senden", "Formular senden" oder "Senden" sind gute Beispiele.
6. Klicken Sie auf OK und die Schaltfläche wird im Formular angezeigt.

Das Zurücksetzen Die Schaltfläche kann mit demselben Vorgang zum Formular hinzugefügt werden, wählen Sie aber Zurücksetzen von dem Art Feld statt einreichen.

Formular mit KompoZer bearbeiten

Das Bearbeiten eines Formulars oder Formularfelds in KompoZer ist sehr einfach. Doppelklicken Sie einfach auf das Feld, das Sie bearbeiten möchten, und das entsprechende Dialogfeld wird angezeigt, in dem Sie die Feldeigenschaften entsprechend Ihren Anforderungen ändern können. Das Diagramm oben zeigt ein einfaches Formular, das die in diesem Tutorial behandelten Komponenten verwendet.