Textfelder

Wenn Sie in der Toolbox einen Doppelklick auf dem nebenstehend abgebildeten Symbol ausführen, wird ein Textfeld in das HTML-Dokument an der Position der Einfügemarke eingefügt.

Textfelder werden häufig dazu verwendet, bestimmte Daten vom Besucher der Webseite entgegenzunehmen. Dazu zählen natürlich persönliche Daten, wie z.B. die Adresse oder die Bankverbindung des Besuchers, aber auch Informationen, nach denen Datenbanken durchsucht werden sollen. Textfelder werden in der Regel zusammen mit Schaltflächen verwendet. Die Besucher der Webseite klicken auf diese Schaltfläche, um darauf hinzuweisen, dass die Eingabe in das Textfeld abgeschlossen ist. Sie können den Inhalt von Textfeldern, also die Eingabe eines Besuchers, in Ihrem JavaScript auslesen, um die Daten zu speichern, weiterzuleiten, zu bearbeiten oder um zu prüfen, ob die Eingabe in einer Datenbank enthalten ist.

Die wichtigsten Eigenschaften eines Textfeldes, die Sie im Aufgabenbereich Tageigenschaften bestimmen und verändern können, sind maxlength, size und value. Mit maxlength geben Sie die Anzahl der Zeichen an, die ein Besucher in das Textfeld eingeben darf. Mit size bestimmen Sie die Größe, in der das Textfeld im HTML-Dokument angezeigt werden soll. Mithilfe der Eigenschaft value bestimmen Sie einen Text, der als Vorgabe im Textfeld angezeigt werden soll.

Abbildung 9.11 Textfelder werden in der Regel zusammen mit Schaltflächen auf einer Webseite angeordnet

Textbereiche

Wenn Sie in der Toolbox unter der Kategorie Formularsteuerelemente einen Doppelklick auf dem nebenstehend abgebildeten Symbol ausführen, wird ein Textbereich in das HTML-Dokument an der Position der Einfügemarke eingefügt.

Textbereiche werden dazu verwendet, mehrzeilige Texte vom Besucher der Webseite entgegenzunehmen. Dazu zählen z.B. Nachrichten an den Webmaster oder Adressen mit einer Namens-, Straßen-und Wohnortzeile. Auch Textbereiche werden häufig in Verbindung mit Schaltflächen verwendet, damit der Besucher der Webseite anzeigen kann, dass die Eingabe in den Textbereich abgeschlossen ist. Sie können den Inhalt von Textbereichen in Ihrem JavaScript auslesen, um die Daten zu speichern, weiterzuleiten oder zu bearbeiten.

Die wichtigsten Eigenschaften eines Textbereiches, die Sie im Aufgabenbereich Tageigenschaften bestimmen und verändern können, sind cols und rows. Mit cols geben Sie die Anzahl der Zeichen an, die ein Besucher in eine Zeile des Textbereiches eingeben darf. Mit rows bestimmen Sie die Anzahl der Zeilen, die der Textbereich zur Verfügung stellen soll.

Dateiauswahlfelder

Wenn Sie in der Toolbox unter der Kategorie Formularsteuerelemente einen Doppelklick auf dem nebenstehend abgebildeten Symbol ausführen, wird an der Position der Einfügemarke ein Dateiauswahlfeld in das HTML-Dokument eingefügt. Dies ist ein Textfeld mit einer Schaltfläche, die mit Durchsuchen beschriftet ist.

Dateiauswahlfelder ermöglichen es den Besuchern, Dateien auszuwählen, die zum Webserver gesendet werden sollen (z.B. E-Mail-Anhänge). Wenn die Besucher auf die Schaltfläche Durchsuchen klicken, wird ein Dialogfeld angezeigt, aus dem die gewünschte Datei ausgewählt werden kann. Sobald das Dialogfeld verlassen wird, zeigt das Textfeld den Pfad zu dieser Datei an. Sie können diesen Pfad in Ihrem JavaScript verwenden, um die Datei zu verschicken, oder den Inhalt der Datei auszulesen. Mit der Eigenschaft size bestimmen Sie die Größe, in der das Dateiauswahlfeld im HTML-Dokument angezeigt werden soll.

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.