如何在html中显示两个单选按钮?

AKI*_*WEB 1 html javascript css jquery jsp

我有这样的html表单,如这个jsfiddle所示.

如果单击PROCESS按钮,它将显示一个有两个单选按钮的表单.它们现在都是垂直的,这意味着女性单选按钮正好在男性单选按钮下方.

我试图让它们在一行 - 意思是Male单选按钮然后在男性旁边,我需要Female单选按钮,一切都是水平的.但不知何故,这对我不起作用.

w3schools中的相同示例运行良好.

我想使用我目前使用的相同设计.我在上面的jsfiddle中有什么不对吗?

j08*_*691 5

更改form input, form button#submit {#submit {

jsFiddle例子

您的display:block规则将应用于所有输入元素,并且您不希望在那里包含无线电输入.