Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Raggruppamento degli Elementi del Modulo per una Migliore Struttura | Moduli HTML e Input Utente
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookRaggruppamento degli Elementi del Modulo per una Migliore Struttura

Quando i campi di un modulo sono correlati, raggrupparli aiuta gli utenti a elaborare le informazioni più facilmente. Suddivide moduli estesi in sezioni più piccole e chiare, migliorando l'usabilità. In HTML, il raggruppamento si realizza con <fieldset> e <legend>.

Elementi fieldset e legend

  • <fieldset> raggruppa i controlli di modulo correlati;
  • <legend> aggiunge un titolo a quel gruppo.

Utile per pulsanti di opzione, caselle di controllo e qualsiasi sezione di campi correlati.

index.html

index.html

index.css

index.css

copy

Esempio

Questo esempio utilizza l'elemento fieldset per raggruppare insieme i controlli del modulo correlati e l'elemento legend per fornire una didascalia al gruppo. Si concentra su un modulo di selezione prodotti in cui gli utenti possono scegliere più prodotti.

index.html

index.html

index.css

index.css

copy
  • Il fieldset raggruppa le caselle di controllo in una sezione logica;
  • Il legend indica all'utente l'argomento del gruppo;
  • Le caselle di controllo permettono la selezione di più elementi.
Note
Nota

Hai completato l'ultimo passaggio di HTML. Se desideri continuare a sviluppare le tue competenze, il prossimo passo è CSS , dove imparerai a stilizzare e progettare pagine web moderne e attraenti.

1. Qual è lo scopo dell'elemento legend nei fieldset HTML?

2. Perché è importante raggruppare elementi correlati di un modulo con l'elemento fieldset?

question mark

Qual è lo scopo dell'elemento legend nei fieldset HTML?

Select the correct answer

question mark

Perché è importante raggruppare elementi correlati di un modulo con l'elemento fieldset?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 10

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

bookRaggruppamento degli Elementi del Modulo per una Migliore Struttura

Scorri per mostrare il menu

Quando i campi di un modulo sono correlati, raggrupparli aiuta gli utenti a elaborare le informazioni più facilmente. Suddivide moduli estesi in sezioni più piccole e chiare, migliorando l'usabilità. In HTML, il raggruppamento si realizza con <fieldset> e <legend>.

Elementi fieldset e legend

  • <fieldset> raggruppa i controlli di modulo correlati;
  • <legend> aggiunge un titolo a quel gruppo.

Utile per pulsanti di opzione, caselle di controllo e qualsiasi sezione di campi correlati.

index.html

index.html

index.css

index.css

copy

Esempio

Questo esempio utilizza l'elemento fieldset per raggruppare insieme i controlli del modulo correlati e l'elemento legend per fornire una didascalia al gruppo. Si concentra su un modulo di selezione prodotti in cui gli utenti possono scegliere più prodotti.

index.html

index.html

index.css

index.css

copy
  • Il fieldset raggruppa le caselle di controllo in una sezione logica;
  • Il legend indica all'utente l'argomento del gruppo;
  • Le caselle di controllo permettono la selezione di più elementi.
Note
Nota

Hai completato l'ultimo passaggio di HTML. Se desideri continuare a sviluppare le tue competenze, il prossimo passo è CSS , dove imparerai a stilizzare e progettare pagine web moderne e attraenti.

1. Qual è lo scopo dell'elemento legend nei fieldset HTML?

2. Perché è importante raggruppare elementi correlati di un modulo con l'elemento fieldset?

question mark

Qual è lo scopo dell'elemento legend nei fieldset HTML?

Select the correct answer

question mark

Perché è importante raggruppare elementi correlati di un modulo con l'elemento fieldset?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 10
some-alt