javascript - 如何在html中彼此相邻显示两个单选按钮？

Question

我的 html 表单如图所示 jsfiddle .

如果您单击PROCESS 按钮，那么它会显示一个包含两个单选按钮的表单。现在它们都是垂直的，这意味着女性单选按钮刚好在男性单选按钮下方。

我正在尝试将它们排成一行 - 意思是 Male 单选按钮，然后在男性旁边，我需要 Female 单选按钮，所有内容都是水平的。但不知何故，它对我不起作用。

但在 w3schools 中的相同示例工作正常。

我想使用我目前正在使用的相同设计。我在上面的 jsfiddle 中做错了什么吗？

Answer 1

将表单输入，表单按钮#submit {改为#submit {

jsFiddle example

您的 display:block 规则正在应用于所有输入元素，您不希望在那里包含 radio 输入。