在html中将单选按钮一个置于另一个之下

在html中将单选按钮一个置于另一个之下,html,Html,以下代码是注册表的一部分。我需要将单选按钮一个放在另一个下面 <ul class="user"> <li class="label">Status</li> <li class="field"> <li class="field"> <input class="radio" type="radio" name="radiobt" value="A" checked="chec

以下代码是注册表的一部分。我需要将单选按钮一个放在另一个下面

<ul class="user">
    <li class="label">Status</li>
    <li class="field">
        <li class="field">
            <input class="radio" type="radio" name="radiobt" value="A" checked="checked" />
            Active                                        
        </li>
        <li class="field">
            <input  class ="radio" type="radio" name="radiobt" value="I"  />            
            Inactive                                        
        </li>                                                
    </li>
</ul>
  • 状态
  • 活跃的
  • 不活跃的

首先将html更改为以下内容:

<ul class="user">
<li class="label">Status</li>
<li class="field">
    <ul>
        <li class="field">
            <input class="radio" type="radio" name="radiobt" value="A" checked="checked" />
            Active                                        
        </li>
        <li class="field">
            <input  class ="radio" type="radio" name="radiobt" value="I"  />            
            Inactive                                        
        </li>                                                
    </ul>
</li>

希望它能解决您的问题。

很好……请继续:)单选按钮位于列表项中。在所有其他条件相同的情况下,列表项呈现一个低于另一个,因此您的代码已经做到了这一点。(如果所有其他条件都不相同,那么您需要提供足够的代码来重现问题,请参阅)请确认您的HTML无效。使用嵌套时,您应该使用新的
  • “我知道对此投反对票的原因!投票需要15个声誉-此消息为cmg
    ul.user > li > ul > li { display: block; }