无法在HTML中的单选按钮之间进行选择?

时间:2011-11-27 19:28:00

标签: html

我有以下表格代码,但我不能在IE中选择卖出收音机 我可以在谷歌浏览器中同时选择两个无线电。

<form method="post" action="dothemath.php" style="width: 403px" class="style1">
<input type="radio" id="rdobuy" style="width: 20px; height: 21px;" checked="checked"/>
<label>Buy</label>
<input type="radio" id="rdosell" style="width: 20px; height: 21px;"/>
<label >Sell</label>
</form>

我有什么遗失的东西......?

3 个答案:

答案 0 :(得分:11)

您的单选按钮没有name属性。他们需要它们有两个原因。

  1. 具有相同的名称将一组单选按钮分组到单个单选按钮组中
  2. 该名称用于生成要提交给服务器的表单数据
  3. 您还需要value来说明提交的数据。

    顺便说一下,你的<label>没用,因为它们与任何控件都没有关联。他们需要一个for属性,其值与他们要关联的控件的id相同。

    <form method="post" action="dothemath.php">
    
        <input type="radio" id="rdobuy" name="foo" value="buy" checked="checked"/>
        <label for="rdobuy">Buy</label>
    
        <input type="radio" name="foo" value="sell" id="rdosell" />
        <label for="rdosell">Sell</label>
    
    </form>
    

答案 1 :(得分:2)

您应该添加名称属性,两个无线电的名称应该相同。

答案 2 :(得分:1)

您应该为代码中列出的所有HTML元素添加name属性。它有助于浏览器识别它发送给服务器的内容。无线电是可选的,你不能一次选择两个,除了你使用PHP数组,只需使用一个复选按钮。