如何在html中为无线电组列表命名无线电？

<!-- 使用语义化标签 -->
<ul>
  <li>选项 1</li>
  <li>选项 2</li>
  <li>选项 3</li>
</ul>

<!-- 使用自定义的 HTML 元素 -->
<div class="radio">
  <input type="radio" id="option1" name="options" value="option1">
  <label for="option1">选项 1</label>
  <input type="radio" id="option2" name="options" value="option2">
  <label for="option2">选项 2</label>
  <input type="radio" id="option3" name="options" value="option3">
  <label for="option3">选项 3</label>
</div>

<!-- 使用 CSS 样式 -->
<style>
.radio {
  list-style-type: none;
  padding-left: 0;
}

.radio li {
  padding-left: 1em;
}
</style>

<ul class="radio">
  <li>选项 1</li>
  <li>选项 2</li>
  <li>选项 3</li>
</ul>