Formulare sind ein grundlegendes und wichtiges Element der HTML -Seite, das normalerweise verwendet wird, um Benutzereingaben zu erhalten. Normalerweise besteht ein HTML. Verwenden Sie den entsprechenden Eingangstyp, wenn der Benutzer die Formularfelder für die Akzeptanz von Telefonnummern, E -Mail -Adressen und anderen Daten wünscht. Es gibt jedoch Fälle, in denen Benutzer Formulare mit weiteren Informationen ausfüllen müssen, z.

Dieser Beitrag erklärt:

• Methode 1: So fügen Sie mehr als eine Zeile in "" hinzu?
• Methode 2: So fügen Sie mehr als eine Zeile in das "" -Tag hinzu?

Methode 1: So fügen Sie mehr als eine Zeile in "" hinzu?

Mehr als eine Zeile in “hinzufügen“"Elementtyp"Textbereich”, Folgen Sie dem untergegebenen Verfahren.

Schritt 1: Überschrift hinzufügen

Verwenden Sie zunächst ein beliebiges Überschriften -Tag

Zu

eine Überschrift hinzufügen. Zum Beispiel die “

Das Tag wird zum Hinzufügen einer Überschrift Level 1 verwendet.

Schritt 2: Erstellen Sie ein "Div" -Element

Als nächstes erstellen Sie eine “div"Element mit Hilfe der"" Schild. Setzen Sie auch eine ein “Klasse”Attribut und zuweisen Sie ihm einen Wert“Main-div”.

Schritt 3: Textbereich einfügen

Danach einfügen eine “Tag zusammen mit den folgenden Attributen:

• “TypAttribut definiert die Art von “" Element. Wenn das "Typ"Attribut wird nicht bestimmt, dann"Text”Wird als Standardwert festgelegt.
• “Reihen”Wird verwendet, um die Höhe eines Textbereichs anzugeben, der in Zeilen sichtbar ist.
• “cols”Wird verwendet, um die Textbereichsbreite zu definieren:

Geben Sie Text in Textbereich ein

Sie können sehen, dass das Textbereich erstellt wurde, mit dem Multi-Line-Text akzeptiert werden kann:

Schritt 4: Stil „H1“ -Stil -Überschrift

Greifen Sie auf die Überschrift mit dem Tag -Namen zu und wenden Sie die folgenden codierten CSS -Eigenschaften an:

H1
Schriftstil: Schräg;
Farbe: RGB (231, 173, 14);
Text-Align: Mitte;

Hier, "Schriftstil"Wird verwendet, um Kopfschichttext zu stylen."FarbeGibt die Farbe des Textes und die “anTextausrichtung”Legt die Textausrichtung als Zentrum fest.

Schritt 5: Stil „Div“ Element

Erstens zu "auf die" zu "div"Element mit der zugehörigen Klasse".Main-div”Und wenden Sie die folgenden Eigenschaften an:

.Main-div
Grenzstil: Doppel;
Grenzfarbe: RGB (2, 187, 233);
Text-Align: Mitte;
Rand: 40px;
Polsterung: 50px;
Hintergrundfarbe: Bisque;

Hier ist die Beschreibung der obenkodierten Eigenschaften:

• “Grenzstil”Wird verwendet, um den Rand zu stylen.
• “RandfarbeEigenschaft verteilt eine Farbe einer definierten Grenze.
• “Rand”Eigenschaft bestimmt die Außenseite des leeren Raums der Grenze des Elements.
• “PolsterungGibt den Raum um den Inhalt des Elements an.
• “Hintergrundfarbe”Legt die Farbe im Hintergrund des Elements fest.

Ausgang

Methode 2: So fügen Sie mehr als eine Zeile in "” -Tag hinzu?

Wie ""Element, die HTML"”Wird auch verwendet, um den Textbereich in einem HTML -Dokument anzugeben. Um das anzugeben “”Von mehr als einer Reihe gehen Sie die angegebenen Anweisungen durch.

Schritt 1: Textbereich hinzufügen

Befolgen Sie den Code des obigen Abschnitts und fügen Sie das hinzu “”Element statt der“" Element.

Auch hinzufügen "Reihen" Und "cols”Attribute:

Geben Sie Text in Textbereich ein

Ausgang

Notiz: Um das zu stylen "Element durch CSS folgen Sie der ersten Methode.

Abschluss

Um mehr als eine Zeile in HTML hinzuzufügen “"Elementtyp"Textbereich"Benutzer können die" nutzen "Reihen" Und "cols”Attribute. Zu diesem Zweck fügen Sie zunächst das hinzu “"Element zusammen mit dem Typ"Textbereich”Attribut. Dann verwenden Sie die “Reihen" Und "cols”Attribut zum Akzeptieren der Multi-Line-Texteingabe im Textbereich. Dieses Tutorial hat die Methoden zum Hinzufügen von mehr als einer Zeile im Textbereich gezeigt.