Formularze są podstawowym i ważnym elementem strony HTML, która jest zwykle używana do uzyskania wprowadzania użytkownika. Zwykle formularz HTML składa się z textarrea, przycisku przesyłania, radia i pola wyboru. Użyj odpowiedniego typu wejściowego, jeśli użytkownik pragnie pola formularza do przyjmowania numerów telefonów, adresów e -mail i innych danych. Istnieją jednak sytuacje, w których użytkownicy są zobowiązani do wypełnienia formularzy dodatkowymi informacjami, takimi jak pole tekstowe, dla których TEAXArea powinien być większy niż jeden wiersz.

Ten post wyjaśnia:

• Metoda 1: Jak dodać więcej niż jeden wiersz w „”?
• Metoda 2: Jak dodać więcej niż jeden wiersz w znaczniku „”?

Metoda 1: Jak dodać więcej niż jeden wiersz w „”?

Aby dodać więcej niż jeden wiersz w „„Typ elementu„TextArea”, Postępuj zgodnie z podaną procedurą poniżej.

Krok 1: Dodaj nagłówek

Najpierw użyj dowolnego znacznika nagłówka

Do

Aby dodać nagłówek. Na przykład „„

”Tag jest używany do dodania nagłówka poziomu pierwszego poziomu.

Krok 2: Utwórz element „div”

Następnie stwórz „div”Element za pomocą„”Tag. Włóż także „klasa”Atrybut i przypisz go wartość„Main-Div".

Krok 3: Wstaw obszar tekstu

Następnie wstaw „„”Tag wraz z następującymi atrybutami:

• "typ”Atrybut określa typ„" element. Jeśli „typ„Atrybut nie jest ustalany, więc„tekst”Jest ustawiony jako wartość domyślna.
• "wydziwianie”Służy do określenia wysokości obszaru tekstu widocznego w wierszach.
• "Kols”Służy do zdefiniowania szerokości obszaru tekstu:

Wstaw tekst w TextArea

Widać, że utworzono TextArea, który może zaakceptować tekst wieloletni:

Krok 4: Style nagłówka „H1”

Uzyskaj dostęp do nagłówka według nazwy znacznika i zastosuj poniższe kodowane właściwości CSS:

H1
Styl czcionki: ukośny;
Kolor: RGB (231, 173, 14);
Text-Align: Center;

Tutaj, "styl czcionki”Służy do stylu tekstu nagłówka„kolor”Określa kolor tekstu i„tekst-align”Ustawia wyrównanie tekstu jako centrum.

Krok 5: Element „Div” stylu

Najpierw uzyskaj dostęp do „div„Element za pomocą powiązanej klasy”.Main-Div”I zastosuj następujące właściwości:

.Main-Div
Styl graniczny: podwójny;
kolor graniczny: RGB (2, 187, 233);
Text-Align: Center;
Margines: 40px;
Wyściółka: 50px;
kolor tła: bisque;

Oto opis powyżej kodowanych właściwości:

• "styl graniczny”Służy do stylizowania granicy.
• "kolor ramki„Nieruchomość przydziela kolor na zdefiniowaną granicę.
• "margines”Właściwość określa pustą przestrzeń kosmiczną granicy elementu.
• "wyściółka”Określa przestrzeń wokół treści elementu.
• "kolor tła”Ustawia kolor na tle elementu.

Wyjście

Metoda 2: Jak dodać więcej niż jeden wiersz w znaczniku „”?

Jak "„Element, HTML””Jest również używany do określenia obszaru tekstu w dokumencie HTML. Aby określić „”Z więcej niż jednego rzędu, przejdź przez podane instrukcje.

Krok 1: Dodaj obszar tekstu

Postępuj zgodnie z kodem powyższej sekcji i dodaj „„Element zamiast„" element.

Dodaj także „wydziwianie" I "Kols„Atrybuty:

Wstaw tekst w TextArea

Wyjście

Notatka: Aby stylizować „”Element przez CSS, postępuj zgodnie z pierwszą metodą.

Wniosek

Aby dodać więcej niż jeden wiersz w HTML ”„Typ elementu„TextArea”, Użytkownicy mogą korzystać z„wydziwianie" I "Kols”Atrybuty. W tym celu najpierw dodaj „”Element wraz z typem„TextArea" atrybut. Następnie użyj „wydziwianie" I "Kols”Atrybut, aby zaakceptować wprowadzenie tekstu wieloletniego w obszarze tekstu. Ten samouczek pokazał metody dodawania więcej niż jednego wiersza w obszarze tekstowym.