Tag HTML Fieldset

Istnieją pewne tagi HTML, które pomagają ci upiększyć ogólny wygląd stron internetowych. Jednym z takich znaczników jest znacznik HTML Fieldset, aw tym artykule nauczymy się używać tego znacznika HTML w najłatwiejszy sposób.

Cel znacznika Fieldset w HTML:

Tag Fieldset w HTML służy do grupowania podobnych rodzajów danych. Ten tag znajduje jego użycie, szczególnie w formularzach internetowych i dokumentach, takich jak CV itp. w których istnieją różnorodne rodzaje informacji. Jest to bardzo wygodne dla czytelnika, jeśli informacje te nie są rozproszone, ale pogrupowane w różne pola.

Zastosowanie znacznika Fieldset w HTML:

Aby użyć znacznika Fieldset w HTML, musisz przejść przez następujące dwa przykłady:

Przykład nr 1: Tag Fieldset do zbierania danych osobowych:

W tym przykładzie chcemy użyć znacznika Fieldset w HTML, aby zebrać dane osobowe użytkownika. Chcemy pogrupować wszystkie te informacje w innym polu. W tym celu użyliśmy skryptu HTML pokazanego na poniższym obrazku:

W tym skrypcie HTML użyliśmy znacznika Fieldset w HTML do zebrania danych osobowych użytkownika. Aby zdefiniować etykietę dla tego pola, użyliśmy znacznika legendy HTML. Następnie utworzyliśmy trzy pola wejściowe tekstu w znaczniku Fieldset HTML do zebrania imienia, nazwiska i adresu e -mail użytkownika.

Kiedy wykonaliśmy ten skrypt HTML w naszej przeglądarce, wyświetlono następującą stronę internetową, która pokazuje wszystkie pola gromadzenia informacji osobowych ładnie zgrupowane razem.

Przykład nr 2: Tag Fieldset do gromadzenia danych osobowych wraz z szczegółami edukacyjnymi:

W tym przykładzie po prostu rozszerzymy nasz pierwszy przykład, dodając kolejny znacznik Fieldset do zebrania szczegółów edukacyjnych użytkownika. Aby to zrobić, wprowadziliśmy dodatki pokazane na poniższym obrazku do naszego oryginalnego skryptu HTML:

W tym przykładzie po prostu użyliśmy innego tagu Fieldset z legendą „Kwalifikacje edukacyjne.„W ramach tego pola chcieliśmy zebrać całkowitą lata edukacji użytkownika, a także najwyższy poziom wykształcenia, z czego stworzyliśmy dwa kolejne pola danych wejściowych.

Kiedy wykonaliśmy ten skrypt HTML, pełnoprawny formularz obejmujący dane osobowe użytkownika, a także szczegóły edukacji pojawiły się w naszej przeglądarce, jak pokazano na poniższym obrazku:

Wniosek:

Znacznik pola HTML służy do grupowania podobnych danych razem. Dlatego napisaliśmy ten artykuł, aby przekazać ci prawidłowe użycie tego znacznika w HTML. Zwracaliśmy zastosowanie tego znacznika na dwa różne przykłady. Po przeczytaniu tych przykładów będziesz w dobrej pozycji, aby od razu zacząć używać znacznika Fieldset w HTML.