html - 如何在复选框左侧添加标签？

我有这个复选框：http://jsfiddle.net/cdyjt4wo/

<div class="onoffswitch">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch">
    <label class="onoffswitch-label" for="myonoffswitch">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

我想在复选框的左侧添加标签/跨度，例如“设置输出”。
我试了很多但是，没有什么是对的。

提前致谢！

最佳答案

你是这个意思吗

<div class="onoffswitch">
    <label class="onoffswitch-label" for="myonoffswitch">Label</label>
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch">

        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>

</div>

HTML将从左上方加载元素，除非您使用CSS设置其样式。

关于html - 如何在复选框左侧添加标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32026020/