HTML5 表单必填属性不显示输入类型单选按钮的消息


HTML5 form Required Attribute displays no message for input type radio

我正在做一个数据库驱动的测试,只是在我的标签上的结束标签之前添加了必需的属性。我发现如果我不回答问题,然后点击提交按钮,页面会跳到未回答的问题,并显示一条消息 - 类似于"您需要选择一个答案"或其他什么。

这是一个很棒的功能,但它不适用于输入类型 = 无线电的问题。如果我不回答其中一个问题,请点击提交按钮,表单不会处理任何内容,但它不会显示提醒用户该问题的消息。

有谁知道如何解决这个问题?

附言我的脚本不允许我只在一个元素中插入"必需"。如果我插入"必需",它会自动显示在所有复选框中。

<label for="q'.$QID.'-'.$Value.'"><input type="checkbox" name="q'.$QID.'[]" id="q'.$QID.'-'.$Value.'" value="'.$Value.'" required> '.$QA.'</label>

只需为单选按钮组的一个输入设置所需的属性。

<form>
  <label for="input1">male</label>
  <input type="radio" name="gender" id="input1" value="male" required>
  <label for="input2">female</label>
  <input type="radio" name="gender" id="input2" value="female">
  <input type="submit" value="send">
</form>

您需要记住的一件非常重要的事情是,单选按钮和复选框输入按 name 属性分组。因此,对任何一个输入(在一组具有相同名称的输入中)进行所需的设置都可以。另一方面,如果您错过了 name 属性,它将无法按预期工作。