单选按钮忽略所需的属性

时间:2015-02-25 15:19:39

标签: html

我正在编写表格click here。在表单的顶部,我有三个设置为required-"required的单选按钮(仅需要尝试,必需=" true"),但单选按钮忽略此属性。所以我可以在不选择任何单选按钮的情况下提交表单。我用谷歌搜索,发现我正在以正确的方式做到这一点。我可以在无线电系列中有一个必需的属性,它仍然可以工作,但它不是出于某种原因。

<ul class="regForm">
                        <li style="width:100%">
                        <div><input type="radio" tabindex="1" value="Guests" name="Reservation" onChange="att(1)" id="guests" required="required" />                                                <span class="record">Guest(s) $150 per guest</span></div>
                        </li>
                        <li style="width:100%">
                        <div><input type="radio" tabindex="1" value="Table" name="Reservation" onChange="att(2)" id="table"  required="required"/>                                              <span class="record">Table(s) $1,500 per table <span class="note">(seats 10)</span></span></div>
                        </li>
                        <li style="width:100%">
                        <div><input type="radio" tabindex="1" value="Unable to Attend" name="Reservation" onChange="att(3)" required="required"/>                                               <span class="record">Unable to Attend</span></div>
                        </li>

                    </ul>

请帮我修理一下。 谢谢

1 个答案:

答案 0 :(得分:0)

只需输入一个“必需”输入。您只需要一次,例如3个单选按钮。

<form>
<label for="input1">1:</label><input type="radio" name="test" id="input1" required value="1" /><br />
<label for="input2">2:</label><input type="radio" name="test" id="input2" value="2" /><br />
<label for="input3">3:</label><input type="radio" name="test" id="input3" value="3" /><br />
<input type="submit" value="send" />
</form> 

See this fiddle

您应该将代码更改为此

<input type="radio" tabindex="1" value="Guests" name="Reservation" onChange="att(1)" id="guests" required />