引导表单答案

【问题标题】：Bootstrap Forms引导表单
【发布时间】：2015-07-03 03:47:58
【问题描述】：

我正在查看引导表单的外观，我看到了一些看起来很像这样的东西：

<div class="form-group">
    <label for="inputA">Some Input:</label>
    <input type="text" name="Input" id="inputA" class="form-control">
</div>

而且每次都使用for 属性真的很困扰我。所以，我的问题是，有可能做这样的事情吗？：

<label class="form-group">
    <span>Some Input:</span>
    <input type="text" name="Input" id="inputA" class="form-control">
</label>

以这种方式工作是否存在任何可能的问题？

【问题讨论】：

标签： forms twitter-bootstrap

【解决方案1】：

for 只是切换表单输入的控件。本质上，当您单击标签时，表单元素将被聚焦或选中，具体取决于它是什么类型的表单元素。您不必在每个标签上都包含for；但是，这只是常见的做法。不过，我不会将label 换成span，我只会这样做......

<div class="form-group">
    <label class="col-sm-2 control-label">Your Label</label>
    <div class="col-sm-10">
        <input type="text" class="form-control" id="foo">
    </div>
</div>

【讨论】：