HTML Fieldset Tag

Es gibt bestimmte HTML -Tags, die Ihnen dabei helfen, das Gesamterscheinung von Webseiten zu verschönern. Ein solches Tag ist das Fieldset -Tag von HTML. In diesem Artikel werden wir lernen, dieses HTML -Tag auf die einfachste Weise zu verwenden.

Zweck des Fieldset -Tags in HTML:

Das Fieldset -Tag in HTML wird zur Gruppierung ähnlicher Datenarten verwendet. Dieses Tag findet seine Verwendung, insbesondere innerhalb von Webformen und Dokumenten wie Lebensläufen usw. in dem es verschiedene Arten von Informationen gibt. Für den Leser ist es sehr bequem, wenn diese Informationen nicht verstreut, sondern in verschiedene Felder gruppiert sind.

Verwendung des Fieldset -Tags in HTML:

Um das Fieldset -Tag in HTML zu verwenden, müssen Sie die folgenden zwei Beispiele durchlaufen:

Beispiel 1: Das Fieldset -Tag zum Sammeln persönlicher Informationen:

In diesem Beispiel möchten wir das Fieldset -Tag in HTML verwenden, um die persönlichen Informationen des Benutzers zu sammeln. Wir möchten all diese Informationen in ein anderes Feld gruppieren. Dafür haben wir das im Bild unten gezeigte HTML -Skript verwendet:

In diesem HTML -Skript haben wir das Fieldset -Tag in HTML verwendet, um die persönlichen Daten des Benutzers zu sammeln. Um ein Etikett für dieses Feld zu definieren, haben wir das HTML -Legend -Tag verwendet. Anschließend haben wir drei Texteingangsfelder im Fieldset -Tag von HTML erstellt, um den Vornamen, den Nachnamen und die E -Mail -Adresse des Benutzers zu sammeln.

Als wir dieses HTML -Skript in unserem Browser ausgeführt haben.

Beispiel Nr. 2: Das Fieldset -Tag zum Sammeln persönlicher Informationen sowie Bildungsdetails:

In diesem Beispiel werden wir unser erstes Beispiel einfach erweitern, indem wir ein weiteres Fieldset -Tag hinzuzufügen, um die Bildungsdetails des Benutzers zu sammeln. Dazu haben wir die im Bild unten gezeigten Ergänzungen unseres ursprünglichen HTML -Skripts vorgenommen:

In diesem Beispiel haben wir einfach ein anderes Fieldset -Tag mit der Legende „Educational Qualification“ verwendet.In diesem Feldset wollten wir die Gesamtjahre der Ausbildung des Benutzers sowie das höchste erreichte Bildungsniveau sammeln, weshalb wir zwei weitere Texteingangsfelder erstellt haben.

Als wir dieses HTML-Skript ausgeführt haben, wurden ein vollwertiges Formular aus den persönlichen Details des Benutzers sowie der Bildungsdetails in unserem Browser erschien, wie im folgenden Bild gezeigt:

Abschluss:

Das HTML -Felderset -Tag wird zur Gruppierung ähnlicher Daten zusammengestellt. Daher haben wir diesen Artikel geschrieben, um Ihnen die richtige Verwendung dieses Tags in HTML zu vermitteln. Wir haben die Verwendung dieses Tags auf zwei verschiedene Beispiele abgebildet. Nachdem Sie diese Beispiele gelesen haben, sind Sie in einer guten Position, um das Fieldset -Tag in HTML sofort zu verwenden.