```
<h1>开关</h1>
<form class="real-form real-form-pane" action="">
<div class="real-form-item">
<label class="real-form-label">带ON/OFF文字</label>
<div class="real-input-block">
<input class="real-switch real-onoff" type="checkbox">
<input class="real-switch real-onoff" type="checkbox" checked="checked">
</div>
</div>
<div class="real-form-item">
<label class="real-form-label">普通样式</label>
<div class="real-input-block">
<input class="real-switch" type="checkbox">
<input class="real-switch" type="checkbox" checked="checked">
</div>
</div>
<div class="real-form-item">
<label class="real-form-label">自定义文字描述</label>
<div class="real-input-block">
<span class="real-switch-tip"><label><input type="checkbox"><em></em><span>是否发射核弹</span><span>发射！！</span> </label> </span>
<span class="real-switch-tip"><label><input type="checkbox" checked="checked"><em></em><span>是否发射核弹</span><span>发射！！</span> </label> </span>
</div>
</div>
<div class="real-form-item">
<label class="real-form-label">其他颜色</label>
<div class="real-input-block">
<input class="real-switch real-blue" type="checkbox" checked="checked">
<input class="real-switch real-red" type="checkbox" checked="checked">
<input class="real-switch real-yellow" type="checkbox" checked="checked">
<input class="real-switch real-green" type="checkbox" checked="checked">
<input class="real-switch real-black" type="checkbox" checked="checked">
<input class="real-switch real-onoff real-blue" type="checkbox" checked="checked">
<input class="real-switch real-onoff real-red" type="checkbox" checked="checked">
<input class="real-switch real-onoff real-yellow" type="checkbox" checked="checked">
<input class="real-switch real-onoff real-green" type="checkbox" checked="checked">
<input class="real-switch real-onoff real-black" type="checkbox" checked="checked">
<span class="real-switch-tip real-blue"><label><input type="checkbox" checked="checked"><em></em><span>是否发射核弹</span><span>发射！！</span> </label> </span>
<span class="real-switch-tip real-red"><label><input type="checkbox" checked="checked"><em></em><span>是否发射核弹</span><span>发射！！</span> </label> </span>
<span class="real-switch-tip real-yellow"><label><input type="checkbox" checked="checked"><em></em><span>是否发射核弹</span><span>发射！！</span> </label> </span>
<span class="real-switch-tip real-green"><label><input type="checkbox" checked="checked"><em></em><span>是否发射核弹</span><span>发射！！</span> </label> </span>
<span class="real-switch-tip real-black"><label><input type="checkbox" checked="checked"><em></em><span>是否发射核弹</span><span>发射！！</span> </label> </span>
</div>
</div>
</div>
</form>
```
