Tag HTML Fieldset

Existem certas tags HTML que ajudam você a embelezar a aparência geral das páginas da web. Uma dessas tags é a etiqueta Fieldset de HTML e, neste artigo, aprenderemos a usar esta tag html da maneira mais fácil.

Objetivo

A tag Fieldset no HTML é usada para agrupar tipos semelhantes de dados. Esta tag encontra seu uso, especialmente em formulários e documentos da Web, como currículos, etc. em que existem diversos tipos de informação. É muito conveniente para o leitor se essa informação não estiver dispersa, mas agrupada em diferentes campos.

Uso da tag Fieldset em HTML:

Para usar a tag Fieldset no HTML, você deve passar pelos dois exemplos a seguir:

Exemplo # 1: A tag Fieldset para coletar informações pessoais:

Neste exemplo, queremos usar a tag Fieldset em HTML para coletar as informações pessoais do usuário. Queremos agrupar todas essas informações em um campo diferente. Para isso, usamos o script HTML mostrado na imagem abaixo:

Neste script HTML, usamos a tag Fieldset em HTML para coletar as informações pessoais do usuário. Para definir um rótulo para este campo, usamos a tag html legenda. Em seguida, criamos três campos de entrada de texto dentro da tag Fieldset de HTML para coletar o primeiro nome, sobrenome e endereço de e -mail do usuário.

Quando executamos esse script HTML em nosso navegador, a seguinte página da web foi exibida, que mostra todos os campos de coleta de informações pessoais bem agrupados.

Exemplo # 2: A tag Fieldset para coletar informações pessoais junto com detalhes educacionais:

Neste exemplo, simplesmente expandiremos nosso primeiro exemplo adicionando outra etiqueta de fieldset para coletar os detalhes educacionais do usuário. Para fazer isso, fizemos as adições mostradas na imagem abaixo ao nosso script HTML original:

Neste exemplo, simplesmente usamos outra etiqueta de campos com a lenda “Qualificação educacional.”Dentro deste Fieldset, queríamos coletar o total de anos de educação do usuário, bem como o mais alto nível de educação alcançado, por causa dos quais criamos mais dois campos de entrada de texto.

Quando executamos esse script HTML, um formulário de pleno direito que compreende os detalhes pessoais do usuário, bem como os detalhes da educação apareceram em nosso navegador, como mostrado na imagem a seguir:

Conclusão:

A tag HTML Fieldset é usada para agrupar dados semelhantes. Portanto, escrevemos este artigo para transmitir a você o uso correto desta tag em html. Mapeamos o uso desta tag para dois exemplos diferentes. Depois de ler esses exemplos, você estará em uma boa posição para começar a usar a tag Fieldset em HTML imediatamente.