HTML -Textfeld | Erklärt

Sie haben in vielen Software und Websites gesehen, wenn Sie auf den Textbereich klicken. Der Cursor blinkt dort und zeigt an, dass Benutzer mit dem Tippen beginnen können. Diese angegebene Funktionalität kann mithilfe des HTML -Textfelds aufgenommen werden. Insbesondere ist das Textfeld das gemeinsame Element in HTML, das die Eingabe vom Benutzer steuern kann. Es ist ein Bereich, in dem Benutzer jeden Eingabetxt eingeben können.

In diesem Leitfaden wird erörtert:

• Was sind die Arten von HTML -Textfeldern?
• Einzelzeilen -HTML -Textfelder
• Multi-Line-HTML-Textfelder

Lass uns anfangen!

Was sind die Arten von HTML -Textfeldern?

Es gibt zwei Arten von HTML -Textfeldern:

• Ein Zeilen Textfeld: Diese Art des Textfelds enthält einzelne Zeileneingaben vom Benutzer auf der Webseite.
• Multi-Line-Textfeld: Diese Art des Textfelds enthält mehrere Zeilen-Texteingaben vom Benutzer auf der Webseite.

Gehen Sie nacheinander auf sie zu!

So erstellen Sie ein einzelnes HTML -Textfeld für eine Zeile?

Um das HTML-Textfeld einzelner Zeilen zu erstellen, befolgen Sie die untergegebene Syntax:

In der angegebenen Syntax enthält das Eingabe -Tag zwei Attribute:

• “Typ”Repräsentiert den Typ des Eingangsfeldes, der entsprechend den Einstellungen festgelegt werden kann. Zum Beispiel könnten es Textfelder, Kennwortfelder, E -Mail -Felder und vieles mehr sein.
• “Name”Des Elements, das als Referenz in JavaScript verwendet wird und Daten nach der Einreichung abrufen.

Beispiel: Erstellen eines HTML -Textfelds für einzelne Zeilen

Erstellen wir zwei Eingabefelder mit der "”Tag und angeben seinen Typ als“Text”. Geben Sie außerdem den Namen des ersten Eingangsfeldes als “an" an "user_name1"Und der zweite als"user_name2”:

Vorname:
Familienname, Nachname:

Derzeit sieht die Webseite so aus, dass diese zwei einzelne Textfelder haben:

Im nächsten Abschnitt lernen wir, wie Sie ein Multi-Line-Textfeld erstellen.

So erstellen Sie Multi-Line-HTML-Textfelder?

Das HTML-Multi-Line-Textfeld wird in Formularen verwendet, um Feedback oder Kommentare vom Benutzer zu sammeln. Es sammelt mehrere Textzeilen. Darüber hinaus die “”Tag kann zum Erstellen von Multi-Line-HTML-Textfeldern verwendet werden.

Syntax

Hier ist die Syntax, um ein Multi-Line-Textfeld in HTML zu erstellen:

Die Beschreibung der obigen Syntax wird hier erwähnt:

• “NameWird verwendet, um den Elementnamen so anzugeben, dass er wie in JavaScript weiter verwendet werden kann.
• “cols" Und "Reihen”Werden für die Größe des Textbereichs verwendet, indem ihre Werte als" hinzugefügt werden "verwendet werdenN1" Und "N2”.

Lassen Sie uns dieses Konzept mit Hilfe der Implementierung klären!

Beispiel: Erstellen von Multi-Line-HTML-Textfeldern

Fügen Sie auf der Webseite das Tag hinzu, geben Sie seine an. “Name" als "Rückmeldung","Ausweis" als "F_AREA", Num der Spalten"cols" als "30”, Und die Anzahl der“Reihen" als "10”. Der Standardtext, der im Textfeld mit mehreren Leinen angezeigt werden muss, wird im Öffnungs- und Schließen des Textbereichs geschrieben:

Feedback -Bereich:


Geben Sie hier Ihr Feedback!

Wie Sie im folgenden Bild sehen können, wird das Multi-Line-Textfeld auf der Webseite angezeigt:

Dies sind die Möglichkeiten, einzelne Zeilen- und Multi-Line-Textfelder in HTML zu erstellen.

Abschluss

HTML -Textfelder werden häufig verwendete Elemente in Formularen, um Benutzereingänge anzunehmen. Es gibt zwei Arten von HTML-Textfeldern: einzelne Textfelder und Multi-Line-Textfelder. Der "" Und "”Tags können verwendet werden, um einzelne und mehrzeilige Textboxen zu erstellen. In dieser Anleitung haben wir erklärt, was ein HTML-Textfeld ist und wie Sie einzelne Zeilen- und Multi-Line-Textfelder in HTML erstellen können.