Long forms can be confusing. HTML provides <fieldset> and <legend> to group related fields together with a visible label — like sections in a paper form.

Syntax

<fieldset>
  <legend>Personal Information</legend>
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">
  <label for="email">Email:</label>
  <input type="email" id="email" name="email">
</fieldset>

Element	Purpose
<fieldset>	Groups related form fields and draws a border around them
<legend>	The title of the group — appears in the top border

Why Use Fieldset?

Accessibility: Screen readers announce the legend when users enter the group, giving context.

Visual clarity: Users can scan the form and understand its sections at a glance.

Especially useful for radio/checkbox groups: Screen readers can say "Shipping Method: Standard / Express" instead of just "Standard / Express".

Your Task

Create a form with two fieldsets:

A fieldset with legend "Personal Info" containing:

- A labeled text input for "Name" (name="name")
- A labeled email input for "Email" (name="email")

A fieldset with legend "Preferences" containing:

- Two labeled radio buttons with name="newsletter": "Yes" and "No"

A submit button with text "Save"