我正在尝试设计一个网页表单，我遇到了一个奇怪的问题。
我设置了3个单选按钮，但无论单击哪个单选按钮，我都只能选择第一个单选按钮。我尝试在Firefox以外的其他浏览器上打开HTML页面，这没关系。我还尝试了另一个带有Firefox单选按钮的网页表单，没关系。我无法弄清楚为什么Firefox无法从我的表单HTML页面中选择其他单选按钮。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>m</title></head><body>
<from method="post" action="self">
<label> <span>Gender :</span>
<br>
<input name="gender" value="1" type="radio">Male
<br>
<input name="gender" value="2" type="radio">Female
<br>
<input name="gender" value="3" type="radio">N/A
<br>
</label>
</from>
</body></html>
答案 0 :(得分：3)
不要在标签内使用多个输入。我认为在这种情况下，它将仅选择您在单击标签上的第一个输入。
<form method="post" action="self"> <span>Gender :</span>
<br>
<input name="gender" value="1" type="radio"/>Male
<br>
<input name="gender" value="2" type="radio"/>Female
<br>
<input name="gender" value="3" type="radio"/>N/A
<br>
</form>
答案 1 :(得分：0)
我们遇到了类似的问题。我认为这里发生的事件是<input>之一的事件触发器，然后冒泡到父<label>。标签被绑定到它们内部的输入，我猜多个输入使它默认为第一个。所以它会触发你点击的任何事件，然后气泡到父<label>并再次触发，它绑定到第一个输入。我们的情况是使用复选框输入，当选中第二个时，它会设置两个框。在Firefox中。不确定Chrome为何会有不同的行为。