标签后不出现按钮？

我试图给按钮后的标签，但按钮不出现。是在小提琴工作，但不是在我的本地代码。标签后不出现按钮？

请解决问题。

<div style="float:left;padding-top:5px;"> 
 
    <span class="newrdb"> 
 
    <label for="all" style="padding-left:15px;padding-bottom:8px;width:100px;font-size:12px;float:left"> 
 
            Default Template 
 
    <input type="radio" name="Template" id="all" value="Default Template" checked=""> 
 
    </label> 
 
    </span> 
 
</div>

来源

2017-07-19 Sree11

无无我的要求是有一个输入字段bu我希望按钮出现在文本 – Sree11

@ThisGuyHasTwoThumbs根据W3的罚款。 “_要隐式地将标签与另一个控件相关联，控件元素必须位于LABEL元素的内容中”https://www.w3.org/TR/html401/interact/forms.html#edef-LABEL“。另请参阅https://stackoverflow.com/questions/774054/should-i-put-input-tags-inside-a-label-tag – ADyson

@ADyson啊我看到，从来没有见过它完成，似乎，对我来说，不合逻辑的，但那只是我:)我会删除我的评论 – ThisGuyHasTwoThumbs

简单的解决方案..取下label的width:100px;或给它更多的像素...
的问题是，既元素（在文本和单选按钮）不能合在一个100px元素内。所以删除它或使它更宽，它们将融合在一起。

<div style="float:left;padding-top:5px;"> 
 
    <span class="newrdb"> 
 
      <label for="all" style="padding-left:15px;padding-bottom:8px;font-size:12px;float:left"> 
 
       Default Template 
 
       <input type="radio" name="Template" id="all" value="Default Template" checked=""> 
 
      </label> 
 
    </span> 
 
</div>

来源

2017-07-19 08:54:36

请输入字段标签标签之外，

尝试下面的代码，

<div style="float:left;padding-top:5px;"> 
 
    <span class="newrdb"> 
 
    <label for="all" style="padding-left:15px;padding-bottom:8px;font-size:12px;float:left;"> 
 
Default Template 
 
    </label> 
 
    <input type="radio" name="Template" id="all" value="Default Template" checked=""> 
 

 
</span> 
 
</div>

来源

2017-07-19 09:04:00 Santhoshkumar

永不离开的代码 - 总是添加一个解释:) – ThisGuyHasTwoThumbs

雅肯定，完成... :) – Santhoshkumar

酷删除downvote：）虽然我会说，看看OP的问题的评论 - 我也认为这是无效的标记，但感谢@ADyson - 事实证明这是完全有效的，也许不是最佳做法 – ThisGuyHasTwoThumbs

标签后不出现按钮？

回答

相关问题