Einfügen und Bearbeiten von Formularsteuerelementen
Arten von Formularsteuerelementen
Einzeiliges Textfeld
Hier kann der Benutzer einen kurzen Text eingeben, z.B. einen Namen oder eine einzeilige Postadresse. Lässt der Benutzer das Textfeld leer, wird dessen Name dennoch an den Formularhandler gesendet, allerdings ohne einen Wert. Textfelder des besonderen Untertyps Kennwort zeigen anstelle der eingegebenen Zeichen Sternchen an.
Beispiele: |
|
Textfeld mit Laufleiste
Ermöglicht dem Benutzer die Eingabe eines langen Textes mit mehreren Absätzen, z.B. einen Kommentar oder den Text einer E-Mail-Nachricht. Lässt der Benutzer das Textfeld leer, wird dessen Name dennoch an den Formularhandler gesendet, allerdings ohne einen Wert. Sie können die Anzahl der Zeilen angeben, die zusammen im Textfeld angezeigt werden.
Beispiel: |
|
Kontrollkästchen
Ermöglicht dem Benutzer das Antworten auf eine Ja/Nein-Frage, indem ein Feld aktiviert oder deaktiviert wird. Wird das Kontrollkästchen nicht aktiviert, wird weder ein Name noch ein Wert an den Formularhandler gesendet. Sie können festlegen, ob das Kontrollkästchen anfänglich aktiviert oder deaktiviert sein soll.
Beispiele: |
Senden Sie mir weitere Informationen |
Optionsschaltfläche
Ermöglicht dem Benutzer die Auswahl aus zwei oder mehr sich ausschließenden Optionen. Optionsschaltflächen sollten immer in Gruppen von mindestens zwei Schaltflächen verwendet werden. Wenn der Benutzer eine Schaltfläche auswählt, wird die zuvor ausgewählte Schaltfläche deaktiviert. Jede Schaltfläche einer Gruppe sollte über denselben Namen verfügen. Sie können festlegen, ob die Optionsschaltflächen anfänglich ausgewählt sind oder nicht, es sollte jedoch nur eine Schaltfläche in einer Gruppe aktiviert sein.
Beispiele: |
Senden Sie mir weitere Informationen |
Dropdownmenü oder Listenfeld
Ermöglicht dem Benutzer die Auswahl eines Elements oder mehrerer Elemente aus einer Liste, die entweder in Form eines Dropdownmenüs oder eines Listenfelds angezeigt wird. Für jedes ausgewählte Element wird der Name des Steuerelements und der Elementwert an den Formularhandler gesendet. Wählt der Benutzer kein Element, wird weder ein Name noch ein Wert gesendet. Sie können die Höhe des Steuerelements (in Zeilen) festlegen und angeben, ob eine Mehrfachauswahl möglich ist. Die Festlegung der Höhe 1 erzeugt ein Dropdownmenü; Werte größer oder gleich 2 erzeugen ein Listenfeld.
Beispiele: |
Australien Brasilien Kanada Frankreich Japan Madagaskar |
Australien Brasilien Kanada Frankreich Japan Madagaskar |
Schaltfläche
Eine Standardschaltfläche, die eine Aktion auslöst, wenn der Benutzer darauf klickt. Das Aussehen einer Schaltfläche richtet sich nach Browser und Betriebssystem; im Allgemeinen sieht die Schaltfläche wie eine Schaltfläche in einem Dialogfeld aus. Es gibt drei Arten von Schaltflächen:
- Übermittlung: Sendet die Formulardaten an den Formularhandler.
- Zurücksetzen: Löscht das Formular und versetzt es in seinen anfänglichen Status zurück.
- Allgemein: Keine vordefinierte Funktion. Damit eine allgemeine Schaltfläche eine Aktion ausführt, muss sie mit einer Skriptaktion verknüpft werden.
Beispiele: |
Bildsteuerelement
Ein Bild, das als Schaltfläche vom Typ “Übertragung” dient. Es sendet die Formulardaten an den Formularhandler, wenn auf das Bild geklickt wird. In den Formulardaten sind die x- und y-Koordinaten des Punktes enthalten, auf den der Benutzer im Bild geklickt hat. Der Formularhandler kann daher in Abhängigkeit davon, wohin im Bild der Benutzer geklickt hat, unterschiedliche Aktionen ausführen.
Beispiel: |
Verstecktes Feld
Bietet eine Möglichkeit, Informationen in die Formulardaten einzubeziehen, die dem Benutzer nicht angezeigt werden. Name und Wert des versteckten Feldes werden immer in die Formulardaten aufgenommen, auch wenn der Benutzer nicht mit dem versteckten Feld interagieren kann. Ein verstecktes Feld kann dem Formularhandler beispielsweise den Seiten-URL mitteilen, von dem aus die Formulardaten gesendet wurden (und der Formularhandler könnte in Abhängigkeit von dieser Information unterschiedliche Aktionen ausführen). Im Bearbeitungsmodus werden versteckte Felder durch dieses Symbol gekennzeichnet: . (Falls das Symbol für versteckte Felder nicht angezeigt wird, klicken Sie auf der Standardsymbolleiste auf (Spezielle Tag-Markierungen ein-/ausblenden).
Dateisuche
Wie ein einzeiliges Textfeld, jedoch mit verknüpfter Schaltfläche Durchsuchen. Wenn der Benutzer auf die Schaltfläche Durchsuchen klickt, kann er/sie nach einer Datei auf dem lokalen DateisystemDie Zusammenstellung aus Laufwerken und Netzwerkordnern, die mit Ihrem Computer verbu
nden sind. suchen, und der absolute Pfad der Datei wird automatisch in das Textfeld eingefügt. (Der Benutzer kann weiterhin beliebigen Text in das Feld eingeben.) Nützlich für Formulare, wenn der Benutzer eine Datei für den Upload auf einen Server angeben muss.
Beispiel: |
So fügen Sie ein einzeiliges Textfeld ein
- Platzieren Sie die Einfügemarke an der Position, an der Sie das einzeilige Textfeld einfügen möchten.
- Führen Sie eine der folgenden Aufgaben aus:
- Wechseln Sie im Menü Einfügen zur Gruppe Formular, und klicken Sie auf Einzeiliges Textfeld.
- Klicken Sie auf der Formularsymbolleiste auf (Einzeiliges Textfeld einfügen).
- (Optional) Bearbeiten Sie die Standardeinstellungen:
- Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Geben Sie im Feld Anfänglicher Wert den Text ein, der anfänglich im Feld angezeigt werden soll.
- Geben Sie im Feld Breite in Zeichen die gewünschte Breite des Feldes in Pixeln ein.
- Geben Sie im Feld Maximale Eingabelänge die maximale Anzahl an Zeichen ein, die in das Feld eingegeben werden können.
- Legen Sie die Option Eingabetyp auf Kennwort fest, wenn das Feld zur Kennworteingabe verwendet wird. (Die eingegebenen Zeichen werden als Sternchen angezeigt.)
- Klicken Sie auf OK.
So fügen Sie ein Steuerelement für die Dateisuche ein
- Platzieren Sie die Einfügemarke an der Stelle, an der Sie das Steuerelement für die Dateisuche einfügen möchten.
- Führen Sie eine der folgenden Aufgaben aus:
- Zeigen Sie im Menü Einfügen auf Formular, und klicken Sie dann auf Dateisuche.
- Klicken Sie auf der Formularsymbolleiste auf (Dateisuche).
- (Optional) Bearbeiten Sie die Standardeinstellungen:
- Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Geben Sie im Feld Breite die gewünschte Breite des Feldes in Pixeln ein.
- Klicken Sie auf OK.
So fügen Sie ein Textfeld mit Laufleiste ein
- Platzieren Sie die Einfügemarke an der Position, an der Sie das Textfeld mit Laufleiste einfügen möchten.
- Führen Sie eine der folgenden Aufgaben aus:
- Wechseln Sie im Menü Einfügen zur Gruppe Formular, und klicken Sie auf Textfeld mit Laufleiste.
- Klicken Sie auf der Formularsymbolleiste auf (Textfeld mit Laufleiste).
- (Optional) Bearbeiten Sie die Standardeinstellungen:
- Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Geben Sie im Feld Anfänglicher Wert den Text ein, der anfänglich im Feld angezeigt werden soll.
- Geben Sie im Feld Breite die gewünschte Breite des Feldes in Pixeln ein.
- Geben Sie im Feld Anzahl der Zeilen die Höhe des Feldes in Form von Textzeilen ein.
- Klicken Sie auf OK.
So ändern Sie die Bildlaufleisten in einem Feld mit Laufleiste
- Doppelklicken Sie auf das Feld mit Laufleiste, nachdem Sie es eingefügt haben.
- Klicken Sie auf Bildlaufleiste.
- Geben Sie die zu verwendenden Farben für die Bildlaufleiste an, wie beschrieben im Abschnitt “Festlegen von Farben für Bildlaufleisten in Dokumenten“.
- Klicken Sie zweimal auf OK.
So fügen Sie ein Kontrollkästchen ein
- Platzieren Sie die Einfügemarke an der Stelle, an der Sie das Kontrollkästchen einfügen möchten.
- Führen Sie eine der folgenden Aufgaben aus:
- Zeigen Sie im Menü Einfügen auf Formular, und klicken Sie dann auf Kontrollkästchen.
- Klicken Sie auf der Formularsymbolleiste auf (Kontrollkästchen).
- (Optional) Bearbeiten Sie die Standardeinstellungen:
- Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Geben Sie im Feld Wert den Wert ein, der an den Formularhandler gesendet wird, wenn der Benutzer das Kontrollkästchen aktiviert. (Wenn Sie keinen Wert angeben, sendet der Browser den Wert “On”.)
- Legen Sie die Einstellung von Anfänglicher Status auf Aktiviert fest, wenn Sie möchten, dass das
Kontrollkästchen anfänglich aktiviert ist.
- Klicken Sie auf OK.
- Geben Sie eine Beschriftung für das Kontrollkästchen an.
So fügen Sie eine Gruppe aus Optionsschaltflächen ein
- Wiederholen Sie die nachstehend beschriebenen Schritte für jede Optionsschaltfläche in der Gruppe:
- Platzieren Sie die Einfügemarke an der Stelle, an der Sie die Optionsschaltfläche einfügen möchten.
- Klicken Sie auf der Formularsymbolleiste auf (Optionsschaltfläche).
- Stellen Sie sicher, dass der Name im Feld Name mit dem aller weiteren Schaltflächen in der Gruppe identisch ist und sich von denen aller weiteren Steuerelemente im Formular unterscheidet.
- Geben Sie im Feld Wert den Wert ein, der mit der aktuellen Schaltfläche verknüpft werden soll.
- Setzen Sie den Wert von Anfänglicher Status auf Aktiviert oder Deaktiviert. (Nur eine Schaltfläche in der Gruppe sollte anfänglich aktiviert sein.)
- Klicken Sie auf OK.
- Geben Sie eine Beschriftung für die Schaltfläche ein.
So fügen Sie ein Dropdownmenü oder Listenfeld ein
- Platzieren Sie die Einfügemarke dort, wo Sie das Dropdownmenü oder Listenfeld einfügen möchten.
- Führen Sie eine der folgenden Aufgaben aus:
- Zeigen Sie im Menü Einfügen auf Formular, und klicken Sie dann auf Dropdownmenü.
- Klicken Sie auf der Formularsymbolleiste auf (Dropdownmenü).
- (Optional) Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Wiederholen Sie die nachfolgenden Schritte für jedes Element, das Sie dem Menü bzw. der Liste hinzufügen möchten.
- Klicken Sie auf Hinzufügen.
- Geben Sie im Feld Name den Namen des Elements ein, so wie er im Menü oder in der Liste erscheinen soll.
- Geben Sie im Feld Wert den Wert ein, der mit dem Element verknüpft werden soll.
- Wenn das Element anfänglich ausgewählt sein soll, aktivieren Sie das Kontrollkästchen Ausgewählt.
- Klicken Sie auf OK.
- Geben Sie im Feld Höhe die gewünschte Höhe des Steuerelements in Zeilen ein. Wenn Sie den Wert 1 eingeben, wird das Steuerelement als Dropdownliste angezeigt; Werte größer oder gleich 2 erzeugen ein Listenfeld, bei dem die angegebene Zeilenanzahl sichtbar ist.
- Wenn Sie zulassen möchten, dass der Benutzer mehr als ein Element auswählt, aktivieren Sie das Kontrollkästchen Mehrfachauswahl zulassen.
- Klicken Sie auf OK.
So fügen Sie eine Schaltfläche ein
- Platzieren Sie die Einfügemarke an der Stelle, an der Sie die Schaltfläche einfügen möchten.
- Führen Sie eine der folgenden Aufgaben aus:
- Zeigen Sie im Menü Einfügen auf Formular, und klicken Sie dann auf Schaltfläche.
- Klicken Sie auf der Formularsymbolleiste auf (Schaltfläche).
- (Optional) Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Geben Sie im Feld Wert den Wert ein, den Sie mit der Schaltfläche verknüpfen möchten. Der Wert dient auch als Schaltflächenbeschriftung (der Text, der auf der Schaltfläche angezeigt wird).
- Legen Sie die Einstellung Schaltflächentyp fest:
- Übermittlung – für eine Schaltfläche, welche die Formulardaten an den Formularhandler sendet.
- Zurücksetzen – für eine Schaltfläche, welche das Formular löscht und in seinen anfänglichen Status zurückversetzt.
- Allgemein – wenn Sie eine Skriptaktion mit der Schaltfläche verknüpfen und die Schaltfläche nur zum Auslösen dieser Aktion einsetzen möchten.
- Klicken Sie auf OK.
So fügen Sie ein Bildsteuerelement ein
- Platzieren Sie die Einfügemarke an der Stelle, an der Sie das Bildsteuerelement einfügen möchten.
- Führen Sie eine der folgenden Aufgaben aus:
- Zeigen Sie im Menü Einfügen auf Formular, und klicken Sie dann auf Bildsteuerelement.
- Klicken Sie auf der Formularsymbolleiste auf (Bildsteuerelement).
- (Optional) Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Geben Sie im Feld Bildpfad den Pfad oder URL zu einer Bilddatei ein, oder führen Sie eine der folgenden Aufgaben aus:
- Klicken Sie auf (Durchsuchen), um eine Datei auf dem lokalen DateisystemDie Zusammenstellung aus Laufwerken und Netzwerkordnern, die mit Ihrem Computer verbunden sind. auszuwählen.
- Klicken Sie auf (Clipart), um ein Bild aus der Clipartbibliothek auszuwählen.
- Klicken Sie auf (Site), um ein Bild aus der Liste der verwendeten Bilddateien für die aktuelle Site auszuwählen (sofern eine Site geöffnet ist).
- (Optional) Geben Sie unter Größe und Layout die gewünschten Bildeigenschaften ein. (Die hier angezeigten Optionen sind mit denen identisch, die beim Hinzufügen eines regulären Bildes verfügbar sind; weitere Informationen finden Sie unter “Bilder“.)
- Klicken Sie auf OK.
So fügen Sie ein verstecktes Feld ein
- Platzieren Sie die Einfügemarke an der Stelle, an der Sie das versteckte Feld einfügen möchten. (Da es sich um ein verstecktes Feld handelt, spielt die Position keine Rolle, solange sich das Feld im Formular befindet.)
- Führen Sie eine der folgenden Aufgaben aus:
- Zeigen Sie im Menü Einfügen auf Formular, und klicken Sie dann auf Verstecktes Feld.
- Klicken Sie auf der Formularsymbolleiste auf (Verstecktes Feld).
- (Optional) Bearbeiten oder ersetzen Sie im Feld Name den durch Namo WebEditor zugewiesenen Standardnamen. Verwenden Sie keinen Namen, der bereits einem anderen Steuerelement im Formular zugewiesen wurde.
- Geben Sie im Feld Wert den Wert ein, der an den Formularhandler gesendet werden soll.
- Klicken Sie auf OK.
So bearbeiten Sie ein Formularsteuerelement
- Doppelklicken Sie auf das Formularsteuerelement.
Ändern des Aussehens eines Formularsteuerelements
Sie können für die meisten Formularsteuerelemente zahlreiche Darstellungseigenschaften festlegen. Sie können beispielsweise die Zeichenformatierung (Schriftart, Textfarbe usw.) eines einzeiligen Textfelds oder die Rahmeneigenschaften einer Schaltfläche ändern. Gehen Sie zum Ändern des Aussehens eines Formularsteuerelements folgendermaßen vor:
- Doppelklicken Sie auf das Formularsteuerelement.
- Klicken Sie auf die Schaltfläche Stil, und legen Sie folgende Eigenschaften fest:
- Zeichen – hier können Sie zeichenbezogene Eigenschaften ändern, z.B. die Schriftart.
- Absatz – hier können Sie absatzbezogene Eigenschaften ändern, z.B. Textausrichtung, Zeilenhöhe usw.
- Rahmen & Hintergrund – hier können Sie Rahmen, Ränder, Abstände und Hintergrundfarbe oder -bild ändern.
Informationen zum Festlegen von Stileigenschaften finden Sie in den folgenden Themenbereichen:
- Festlegen von zeichenbezogenen Einstellungen
- Festlegen von Absatzausrichtung, Einzug und Zeilenhöhe
- Festlegen von Rändern, Abständen und Rahmen
- Festlegen von Hintergrundfarben und -bildern
Beachten Sie, dass sich eine vorgegebene Stileigenschaft nicht auf alle Steuerelementtypen auswirkt. Die Festlegung einer Schriftart für ein Kontrollkästchen oder eine Optionsschaltfläche hat beispielsweise keinen Effekt, da diese Steuerelemente keinen Text enthalten können. (Sie können natürlich einen Stil auf die Beschriftung eines Kontrollkästchens anwenden, die Beschriftung liegt jedoch getrennt vom Kontrollkästchen vor.)