html单选框设置必填

HTML单选框是网站表单中常用的组件，它们允许用户从一组预定义的选项中选择一项。在一些情况下，我们希望用户必须选择其中一个选项，否则无法提交表单。这个时候，我们就需要设置单选框必填。

<form>
  <div>
    <input type="radio" id="option1" name="option" value="1" required>
    <label for="option1">选项1</label>
  </div>
  <div>
    <input type="radio" id="option2" name="option" value="2" required>
    <label for="option2">选项2</label>
  </div>
  <div>
    <input type="radio" id="option3" name="option" value="3" required>
    <label for="option3">选项3</label>
  </div>
  <button type="submit">提交</button>
</form>

上面的代码中，我们给每个单选框加上了required属性，这样用户必须选择其中一个才能提交表单。如果用户尝试提交没有选择单选框的表单，浏览器将会提示它们必须选择其中一个。

当然，我们也可以使用JavaScript来检查用户是否选择了单选框，这样就可以在提交前给出更友好的提示。不过，在大多数情况下，使用HTML的required属性已经足够了。