Тег <fieldset> в HTML — група полів форми

HTML

<form>
    <fieldset>
        <legend>Спосіб оплати</legend>

        <label><input type="radio" name="pay" value="cash" checked> Готівкою</label>
        <label><input type="radio" name="pay" value="card"> Карткою</label>
    </fieldset>

    <fieldset disabled>
        <legend>Дані картки — вимкнено цілком</legend>

        <label for="num">Номер картки</label>
        <input id="num" name="num" inputmode="numeric"
               placeholder="0000 0000 0000 0000">

        <button type="button">Перевірити</button>
    </fieldset>
</form>

CSS

fieldset {
    min-inline-size: 0;   /* без цього fieldset не стискається у флексі */
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
    border: 1px solid #99aaaa;
    border-radius: 6px;
}

legend {
    padding: 0 0.4rem;
    font-weight: 700;
}

label {
    display: block;
    margin: 0.3rem 0;
}

#num {
    width: 100%;
    max-width: 22rem;
    padding: 0.4rem;
    font: inherit;
}

<p>З використанням тегу 'fieldset'</p>
<form>
  	<fieldset>
      <legend>Форма для заповнення даних</legend>
  <label>Ім'я:</label><br>
  <input type="text" name="login"><br>
  <label>Email:</label><br>
  <input type="email" name="email"><br>
  Чоловік <input type =  "radio" name = "sex" value =  "male" checked><br>
	Жінка <input type =  "radio" name = "sex" value =  "female">	<br> 
  <label>Ваше повідомлення:</label><br>
  <textarea name="messenger"></textarea>
  <br>
  <input type="submit" value="Увійти">
      	</fieldset>
</form>
<br>
<p>Без використання тегу 'fieldset'</p>
<form>
  <label>Ім'я:</label><br>
  <input type="text" name="login"><br>
  <label>Email:</label><br>
  <input type="email" name="email"><br>
  Чоловік <input type =  "radio" name = "sex" value =  "male" checked><br>
	Жінка <input type =  "radio" name = "sex" value =  "female">	<br> 
  <label>Ваше повідомлення:</label><br>
  <textarea name="messenger"></textarea>
  <br>
  <input type="submit" value="Увійти">
</form>