HTML Form Textbox
Zweck eines Textfelds in HTML -Formularen
Ein Textfeld oder ein Textfeld in einem HTML-Formular wird verwendet, um Einzelliner-Textdaten vom Benutzer zu sammeln. Im Allgemeinen, wenn Sie Ihrem Benutzer die Freiheit geben möchten, den Text einzugeben, indem Sie ihn eingeben, anstatt ihn aus einer vordefinierten Liste auszuwählen, verwenden Sie immer ein HTML-Textfeld oder Textfeld. Der folgende Abschnitt beschreibt das Verfahren zum Erstellen eines Textfelds in einem HTML -Formular.
Erstellen von Textboxen in HTML -Formularen
Um die Erstellung von Textfeldern in HTML -Formularen zu erlernen, können Sie die beiden unten erläuterten Beispiele in Betracht ziehen:
Beispiel Nr. 1: Erstellen einfacher Textboxen in HTML -Formularen
In diesem Beispiel ist es unser Ziel, einfache Textfelder in HTML -Formularen zum Sammeln einiger spezifischer Informationen zu erstellen. Wir möchten danach jedoch keine weiteren Maßnahmen ergreifen. Wir haben das folgende HTML -Skript entwickelt, um einfache Textboxen in HTML -Formularen zu erstellen:
Sie können sehen, dass wir in diesem Skript zunächst einen Übergang zur Benachrichtigung des Benutzers über den Zweck dieses HTML -Skripts zur Verfügung gestellt haben. Dann haben wir innerhalb der Label „Form“ (da wir ein HTML -Formular erstellen) drei verschiedene Textboxen mit den Beschriftungen „Name“, „Alter“ und „Geschlecht“ definiert, um den Namen, das Alter und das Geschlecht des Benutzers zu sammeln bzw. Alle diese Etiketten sowie die zugehörigen Textfelder werden in getrennten Zeilen angezeigt. Der Benutzer darf die Informationen eingeben, die er in diesen Textboxen wünscht. Er wird jedoch nach dem Eintritt dieser Informationen jedoch keine weiteren Maßnahmen ergreifen können.
Wenn wir unser HTML -Skript ausgeführt haben, wird die Webseite, die in unserem Browser angezeigt wurde. Diese Webseite enthält alle drei Textfelder.
Jetzt können Sie alle zufälligen Informationen in diesen Textboxen eingeben, wie im folgenden Bild gezeigt:
Beispiel 2: Erstellen von Textboxen mit einer Aktionsschaltfläche in HTML -Formularen
In diesem Beispiel werden wir das oben erstellte HTML -Skript leicht ändern. Wir möchten diese Änderung vornehmen, um eine Aktionsschaltfläche in unserem HTML -Form vorzustellen. Sie müssen sich das unten gezeigte HTML -Skript ansehen, um diese Änderung zu erfassen:
Dieses HTML -Skript ist fast das gleiche wie oben. Bevor wir jedoch das Label „Formular“ schließen, haben wir auch in diesem Formular eine Schaltfläche „Senden“ erstellt, damit der Benutzer diese Taste drücken kann, nachdem Sie die entsprechenden Informationen in das Formular eingegeben haben. Wir haben jedoch keine Aktionsseite erstellt. Wenn Sie auf diese Schaltfläche klicken, navigieren Sie daher nicht zu einer neuen Seite.
Die geänderte Webseite nach diesem HTML -Skript ist im folgenden Bild angezeigt:
Jetzt geben wir einige Informationen in jedes dieser Textfelder ein, wie im Bild unten gezeigt:
Nachdem wir diese Informationen eingegeben hatten, änderte sich beim Drücken der Schaltfläche „Senden“ nur die URL unserer Webseite und zeigte den Namen, das Alter und das Geschlecht, das wir gerade eingegeben hatten. Dies wird im folgenden Bild gezeigt. Nachdem wir dies jedoch getan hatten, wurden wir einfach in ein leeres HTML -Formular umgeleitet, da wir überhaupt keine Aktionsseite erstellt haben.
Abschluss
Dieser Artikel wurde geschrieben, wenn man bedenkt, dass die Verwendung von Textfeldern in HTML -Formularen erforderlich ist. Daher erläuterte es zunächst den Zweck dieses HTML -Elements, gefolgt von der Methode zum Erstellen von Textfeldern in HTML -Formen. Sobald Sie diese Methode gelernt haben, wird es ein Kinderspiel für Sie sein, so viele Textboxen in Ihren HTML -Formularen nach Bedarf zu erstellen.