HTML formularz tekstowy

„Formularz internetowy jest najczęstszym sposobem gromadzenia danych online. Od indywidualnych kwestionariuszy ankiet po ogromne kampanie marketingowe, te formularze internetowe okazują się bardzo pomocnym źródłem uzyskania perspektywy odbiorców. Ważnym elementem formularza HTML jest pole tekstowe, aw tym artykule przeprowadzimy Cię przez cel tego elementu HTML, a także metodę tworzenia pól tekstowych w formularzach HTML."

Cel pola tekstowego w formularzach HTML

Skok tekstowy lub pole tekstowe w formularzu HTML służy do gromadzenia danych tekstowych od użytkownika od użytkownika. Zasadniczo, ilekroć chcesz dać użytkownikowi swobodę wprowadzenia tekstu, pisząc, a nie wybierając go z wstępnie zdefiniowanej listy, zawsze korzystasz z pola tekstowego lub tekstu HTML. W poniższej sekcji opisano procedurę tworzenia pola tekstowego w formie HTML.

Tworzenie skrzynek tekstowych w formularzach HTML

Aby nauczyć się tworzenia pól tekstowych w formularzach HTML, możesz rozważyć dwa przykłady wyjaśnione poniżej:

Przykład nr 1: Tworzenie prostych skrzynek tekstowych w formularzach HTML

W tym przykładzie naszym celem jest utworzenie prostych pola tekstowego w formularzach HTML w celu zebrania określonych informacji. Nie chcemy jednak podejmować żadnych dalszych działań. Zaprojektowaliśmy następujący skrypt HTML do tworzenia prostych skrzynek tekstowych w formularzach HTML:

Możesz zobaczyć, że w tym skrypcie najpierw dostarczyliśmy nagłówek do powiadomienia użytkownika o celu tego skryptu HTML. Następnie, w etykiecie „Form” (ponieważ tworzymy formularz HTML), zdefiniowaliśmy trzy różne pola tekstowe z etykietami „nazwa”, „wiek” i „płeć” do zbierania nazwy, wieku i płci użytkownika odpowiednio. Wszystkie te etykiety, a także powiązane pola tekstowe, pojawią się w osobnych liniach. Użytkownik będzie mógł wprowadzić dowolne informacje, które chce w tych polach tekstowych. Nie będzie jednak w stanie podjąć żadnych dalszych działań po wprowadzeniu tych informacji.

Kiedy wykonaliśmy nasz skrypt HTML, strona internetowa, która pojawiła się w naszej przeglądarce, jest pokazana na poniższym obrazku. Ta strona internetowa zawiera wszystkie trzy nasze pola tekstowe.

Teraz możesz wprowadzić dowolne losowe informacje w tych polach tekstowych, jak pokazano na poniższym obrazku:

Przykład nr 2: Tworzenie skrzynek tekstowych z przyciskiem akcji w formularzach HTML

W tym przykładzie nieznacznie zmodyfikujemy skrypt HTML, który stworzyliśmy powyżej. Chcemy wprowadzić tę modyfikację, aby wprowadzić przycisk akcji w naszym formularzu HTML. Będziesz musiał spojrzeć na skrypt HTML pokazany poniżej, aby zrozumieć tę modyfikację:

Ten skrypt HTML jest prawie taki sam, jak udostępniliśmy powyżej; Jednak przed zamknięciem etykiety „formularza” utworzyliśmy również przycisk „Prześlij” również w tym formularzu, aby użytkownik mógł nacisnąć ten przycisk po wprowadzeniu odpowiednich informacji do formularza. Jednak nie utworzyliśmy żadnej strony akcji. Dlatego kliknięcie tego przycisku nie będzie nawigować na żadnej nowej stronie.

Zmodyfikowana strona internetowa zgodnie z tym skryptem HTML pokazano na poniższym obrazku:

Teraz wprowadzimy niektóre informacje do każdego z tych pola tekstowego, jak pokazano na poniższym obrazku:

Po wprowadzeniu tych informacji, kiedy naciskaliśmy przycisk „Prześlij”, tylko adres URL naszej strony internetowej zmienił się, pokazując nazwę, wiek i płeć, którą właśnie wprowadziliśmy. Jest to pokazane na poniższym obrazku. Jednak po tym, po prostu przekierowaliśmy się do pustego formularza HTML, ponieważ w pierwszej kolejności nie stworzyliśmy żadnej strony akcji.

Wniosek

Ten artykuł został napisany, mając na uwadze potrzebę korzystania z pól tekstowych w formularzach HTML. Dlatego najpierw wyjaśnił cel tego elementu HTML, a następnie metoda tworzenia pól tekstowych w formularzach HTML. Gdy nauczysz się tej metody, będzie to kawałek ciasta, aby stworzyć jak najwięcej skrzynek tekstowych w formularzach HTML w razie potrzeby.