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

Suggested prompts:

Can you show me a sample HTML form using fieldset and legend?

What are some best practices for using fieldset and legend in forms?

Are there accessibility benefits to using fieldset and legend?

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