是< div>里面< label>块正确？ [英] Is <div> inside <label> block correct?

问题描述

我使用Bootstrap，它是水平形式的演示：

I am using Bootstrap, it's demo of horizontal form:

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="inputEmail1" class="col-lg-2 control-label">Email</label>
    <div class="col-lg-10">
      <input type="email" class="form-control" id="inputEmail1">
    </div>
  </div>
</form>

但我不想为每个< input> / code>，因此

but I don't want create ID for each <input>, so

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="block">
      <span class="col-lg-2 control-label">Email</span>
      <div class="col-lg-10">
        <input type="email" class="form-control">
      </div>
    </label>
  </div>
</form>

但 display：block display：inline ，因此我使用CSS

but display:block can't be inside display:inline, so I use CSS

.block {
  display: block;
}

它的工作，但是是正确的吗？因为我听说我们不应该将 display：block 元素放入 display：inline 元素（标签）

it's working, but is it correct? because I heard that we should not put display:block element into display:inline element (label)

推荐答案

请参阅标签元素的规范：

内容模型：
语句内容，但没有后代标签元素，除非是元素的标签控件，没有后代标签元素。

Content model: Phrasing content, but with no descendant labelable elements unless it is the element's labeled control, and no descendant label elements.

其中内容链接到：

词组内容是文档的文本，以及在内部标记文本的元素 - 段级。

Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs.

一个abbr区域（如果它是一个地图元素的后代）audio b bdi bdo br按钮canvas引用代码数据datalist del dfn em embed i iframe img input ins kbd keygen label map mark math meter noscript对象输出进度q ruby​​ s s脚本选择小跨度强sub sub svg textarea时间u var视频wbr文本

a abbr area (if it is a descendant of a map element) audio b bdi bdo br button canvas cite code data datalist del dfn em embed i iframe img input ins kbd keygen label map mark math meter noscript object output progress q ruby s samp script select small span strong sub sup svg textarea time u var video wbr text

没有。 HTML不允许< label> 包含< div> 。

So no. HTML does not allow a <label> to contain a <div>.

这篇关于是< div>里面< label>块正确？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！