Pole tekstowe HTML | Wyjaśnione

Po kliknięciu obszaru tekstu widziałeś w wielu oprogramowaniach i stronach internetowych, kursor zaczyna migać, wskazując, że użytkownicy mogą zacząć pisać. Ta określona funkcjonalność można uwzględnić za pomocą pola tekstowego HTML. Mówiąc dokładniej, pole tekstowe jest wspólnym elementem HTML, który może kontrolować dane wejściowe od użytkownika. Jest to obszar, w którym użytkownicy mogą wprowadzić dowolny tekst wejściowy.

Ten przewodnik omówi:

• Jakie są typy pól tekstowych HTML?
• Pola tekstowe html pojedynczego wiersza
• Wielopoziomowe pola tekstowe HTML

Zacznijmy!

Jakie są typy pól tekstowych HTML?

Istnieją dwa rodzaje pól tekstowych HTML:

• Pola tekstowe pojedynczego wiersza: Ten typ pola tekstowego pobiera wejście pojedynczego wiersza od użytkownika na stronie internetowej.
• Wielopoziomowe pole tekstowe: Ten typ pola tekstowego przyjmuje wprowadzanie tekstu wielokrotnego liniowego od użytkownika na stronie internetowej.

Skieruj się w stronę jeden po drugim!

Jak utworzyć pole tekstowe HTML z pojedynczym wierszem?

Aby utworzyć pola tekstowe HTML z pojedynczym wierszem, postępuj zgodnie z podaną składką:

W podanej składni znacznik wejściowy ma dwa atrybuty:

• "typ”Reprezentuje rodzaj pola wejściowego, które można ustawić zgodnie z preferencjami. Na przykład mogą to być pola tekstowe, pola hasła, pola e -mail i wiele więcej.
• "nazwa”Elementu, który będzie używany jako odniesienie w JavaScript i pobieranie danych po przesłaniu.

Przykład: Tworzenie pola tekstowego pojedynczego wiersza HTML

Utwórzmy dwa pola wejściowe za pomocą „”Tag i określając jego typ jako„tekst". Ponadto określ nazwę pierwszego pola wejściowego jako „User_name1”I drugi jako„User_name2”:

Imię:
Nazwisko:

Obecnie strona internetowa będzie wyglądać tak, jak ta z dwoma pojedynczymi pola tekstowym:

W następnej sekcji dowiemy się, jak utworzyć wielopoziomowy tekst tekstowy.

Jak tworzyć wieloletnie pola tekstowe HTML?

Wielokierdzka pole tekstowe HTML jest używane w formularzach do gromadzenia informacji zwrotnej lub komentarzy od użytkownika. Zbiera wiele wierszy tekstu. Co więcej, „”Tag można wykorzystać do tworzenia wielopoziomowych pól tekstowych HTML.

Składnia

Oto składnia do utworzenia wielopoziomowego pola tekstowego w HTML:

Opis powyższej składni jest wspomniany tutaj:

• "nazwa”Służy do określenia nazwy elementu, aby można go było dalej używać jak w JavaScript.
• "Kols" I "wydziwianie”Są wykorzystywane do wielkości obszaru tekstu, dodając ich wartości jako„n1" I "n2".

Wyjaśnijmy tę koncepcję za pomocą wdrożenia!

Przykład: Tworzenie wielopoziomowych pól tekstowych HTML

Na stronie internetowej dodaj tag, określ go „nazwa" Jak "informacja zwrotna”,„ID" Jak "f_area”, Liczba kolumn„Kols" Jak "30”I liczba„wydziwianie" Jak "10". Domyślny tekst, który należy wyświetlić w wielopoziomowym polu tekstowym, zostanie zapisany w tagach otwierających i zamykania obszaru tekstu:

Obszar informacji zwrotnej:


Podaj swoją opinię tutaj!

Jak widać na poniższym obrazku, na stronie internetowej będzie wyświetlane na stronie internetowej: na stronie internetowej:

Są to sposoby tworzenia pojedynczych linii i wielopoziomowych pól tekstowych w HTML.

Wniosek

Pole tekstowe HTML są powszechnie używanymi elementami w formularzach, aby przyjmować dane wejściowe użytkownika. Istnieją dwa typy pól tekstowych HTML: pola tekstowe z pojedynczym wierszem i wielokrotne pola tekstowe. „„" I "”Tagi można wykorzystać do tworzenia odpowiednio jednolodowych i wielokrotnych skrzynek tekstowych. W tym przewodniku wyjaśniliśmy, czym jest pole tekstowe HTML i jak utworzyć pojedynczy wiersz i wieloletnice pola tekstowe w HTML.