fieldset

A fieldset is an HTML element used to group related elements within a form, providing a way to organize complex forms for better user experience and accessibility. The fieldset element is typically used in conjunction with the <legend> element, which provides a caption for the grouped elements. Here’s an example of how to use a fieldset:

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

    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
  </fieldset>

  <fieldset>
    <legend>Address</legend>
    <label for="street">Street:</label>
    <input type="text" id="street" name="street"><br><br>

    <label for="city">City:</label>
    <input type="text" id="city" name="city"><br><br>

    <label for="zip">Zip Code:</label>
    <input type="text" id="zip" name="zip"><br><br>
  </fieldset>

  <input type="submit" value="Submit">
</form>

In this example, the form contains two fieldset elements, each with a legend to describe the grouped input fields. This helps to visually and semantically organize the form fields, making it easier for users to understand and fill out the form.

Back to Dictionary