Tag del campo HTML

Ci sono alcuni tag HTML che ti aiutano ad abbellire l'aspetto generale delle pagine Web. Uno di questi tag è il tag fieldset di HTML e in questo articolo impareremo a utilizzare questo tag HTML nel modo più semplice.

Scopo del tag Fieldset in HTML:

Il tag Fieldset in HTML viene utilizzato per raggruppare tipi di dati simili. Questo tag trova il suo utilizzo, specialmente all'interno di forme Web e documenti come curriculum, ecc. in cui ci sono diversi tipi di informazioni. È molto conveniente per il lettore se tali informazioni non sono disperse ma raggruppate in diversi campi.

Utilizzo del tag Fieldset in HTML:

Per utilizzare il tag fieldset in HTML, è necessario esaminare i seguenti due esempi:

Esempio n. 1: il tag fieldset per la raccolta di informazioni personali:

In questo esempio, vogliamo utilizzare il tag FieldSet in HTML per raccogliere le informazioni personali dell'utente. Vogliamo raggruppare tutte queste informazioni in un campo diverso. Per questo, abbiamo usato lo script HTML mostrato nell'immagine seguente:

In questo script HTML, abbiamo utilizzato il tag FieldSet in HTML per raccogliere le informazioni personali dell'utente. Per definire un'etichetta per questo campo, abbiamo usato il tag HTML Legend. Quindi, abbiamo creato tre campi di input di testo all'interno del tag fieldset di HTML per la raccolta del nome, del cognome e dell'indirizzo e -mail dell'utente.

Quando abbiamo eseguito questo script HTML all'interno del nostro browser, è stata visualizzata la seguente pagina Web, che mostra tutti i campi di raccolta delle informazioni personali ben raggruppati insieme.

Esempio n. 2: il tag fieldset per la raccolta di informazioni personali insieme a dettagli educativi:

In questo esempio, amplieremo semplicemente il nostro primo esempio aggiungendo un altro tag fieldset per la raccolta dei dettagli educativi dell'utente. Per fare ciò, abbiamo realizzato le aggiunte mostrate nell'immagine sottostante al nostro script HTML originale:

In questo esempio, abbiamo semplicemente usato un altro tag in campo con la leggenda "Qualifica educativa."All'interno di questo campo, volevamo raccogliere gli anni totali di istruzione dell'utente e il più alto livello di istruzione raggiunto, a causa del quale abbiamo creato altri due campi di input di testo.

Quando abbiamo eseguito questo script HTML, una forma a tutti gli effetti che comprende i dettagli personali dell'utente e i dettagli dell'istruzione sono apparsi sul nostro browser, come mostrato nella seguente immagine:

Conclusione:

Il tag in campo HTML viene utilizzato per raggruppare dati simili insieme. Pertanto, abbiamo scritto questo articolo per trasmetterti l'uso corretto di questo tag in HTML. Abbiamo mappato l'uso di questo tag a due diversi esempi. Dopo aver letto questi esempi, sarai in una buona posizione per iniziare a utilizzare subito il tag Fieldset in HTML.