如何在復選框左側添加標簽？

Question

我有這個復選框： 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>

我想在復選框的左側添加標簽/跨度，例如“設置輸出”。 我試了很多 但是，沒有什么是對的。

提前致謝！

Answer 1

你是這個意思嗎

<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設置其樣式。