HTML5 การใช้งาน legend Tag

<form>
  <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>

  <fieldset>
    <legend>Login Details</legend>
    <label for="username">Username:</label>
    <input type="text" id="username" name="username">

    <label for="password">Password:</label>
    <input type="password" id="password" name="password">
  </fieldset>
  
  <input type="submit" value="Submit">
</form>

<form>
  <fieldset>
    <legend>Contact Information</legend>
    <label for="phone">Phone:</label>
    <input type="tel" id="phone" name="phone">
    
    <label for="address">Address:</label>
    <input type="text" id="address" name="address">
  </fieldset>
</form>

<form>
  <fieldset>
    <legend>Health Information</legend>
    <label for="height">Height:</label>
    <input type="text" id="height" name="height">
    
    <label for="weight">Weight:</label>
    <input type="text" id="weight" name="weight">
  </fieldset>
</form>

<form>
  <fieldset>
    <legend>Survey Section 1: Demographics</legend>
    <label for="age">Age:</label>
    <input type="number" id="age" name="age">

    <label for="gender">Gender:</label>
    <select id="gender" name="gender">
      <option value="male">Male</option>
      <option value="female">Female</option>
    </select>
  </fieldset>
</form>