【layui 元素的简绍】

开关

将checkbox，通过设定 lay-skin=“switch” 形成了开关风格

 <div class="layui-form-item" style="margin-left:6%;">
            <!--表示一个标签样式-->
    <label class="layui-form-label">开关</label>
    <div class="layui-input-block">
        <input type="checkbox" name="hobby" title="吃饭" lay-skin="switch"/>
        <input type="checkbox" name="hobby"  lay-skin="switch" checked/>
        <input type="checkbox" name="hobby"  lay-skin="switch" checked lay-text="on|off"/>
        <input type="checkbox" name="hobby"  lay-skin="switch" checked lay-text="打开|关闭" value="打开"/>
        <input type="checkbox" name="hobby"  lay-skin="switch" checked lay-text="on|off" disabled/>
    </div>
</div>

checked为默认打开，lay-text="xx|xx"可以设置显示的值， disabled禁用

这里的name 和 value 是提交时的 属性名和值