Etiqueta HTML Fieldset
Propósito de la etiqueta de Fieldset en HTML:
La etiqueta de FielDset en HTML se utiliza para agrupar tipos similares de datos. Esta etiqueta encuentra su uso, especialmente dentro de formularios web y documentos como currículums, etc. en el que hay diversos tipos de información. Es muy conveniente para el lector si esa información no está dispersa pero se agrupa en diferentes campos.
Uso de la etiqueta de campos en html:
Para usar la etiqueta Fieldset en HTML, debe pasar por los siguientes dos ejemplos:
Ejemplo # 1: La etiqueta del Fieldset para recopilar información personal:
En este ejemplo, queremos usar la etiqueta FieldSet en HTML para recopilar la información personal del usuario. Queremos agrupar toda esta información en un campo diferente. Para eso, hemos utilizado el script HTML que se muestra en la imagen a continuación:
En este script HTML, hemos utilizado la etiqueta FieldSet en HTML para recopilar la información personal del usuario. Para definir una etiqueta para este campo, hemos usado la etiqueta de leyenda HTML. Luego, hemos creado tres campos de entrada de texto dentro de la etiqueta Fieldset de HTML para recopilar el primer nombre, el apellido y la dirección de correo electrónico del usuario.
Cuando ejecutamos este script HTML dentro de nuestro navegador, se mostró la siguiente página web, que muestra todos los campos de recopilación de información personal bien agrupados juntos.
Ejemplo # 2: La etiqueta del Fieldset para recopilar información personal junto con detalles educativos:
En este ejemplo, simplemente ampliaremos nuestro primer ejemplo agregando otra etiqueta de Fieldset para recopilar los detalles educativos del usuario. Para hacerlo, hemos hecho las adiciones que se muestran en la imagen a continuación a nuestro script HTML original:
En este ejemplo, simplemente hemos usado otra etiqueta de Fieldset con la leyenda "Calificación educativa."Dentro de este campos, queríamos recopilar los años totales de educación del usuario, así como el más alto nivel de educación alcanzado, debido a que hemos creado dos campos de entrada de texto más.
Cuando ejecutamos este script HTML, una forma completa que comprende los datos personales del usuario, así como los detalles de la educación, aparecieron en nuestro navegador, como se muestra en la siguiente imagen:
Conclusión:
La etiqueta HTML FieldSet se utiliza para agrupar datos similares juntos. Por lo tanto, escribimos este artículo para transmitirle el uso correcto de esta etiqueta en HTML. Mapeamos el uso de esta etiqueta a dos ejemplos diferentes. Después de leer estos ejemplos, estará en una buena posición para comenzar a usar la etiqueta del campos en HTML de inmediato.