首頁>技術>

程式碼如下:

<div>

<label>單選框</label>

<div>

<input type="radio" name="sex" value="0" title="男">

<input type="radio" name="sex" value="1" title="女" checked>

</div>

</div>

注意:

checked 表示選中

效果圖:

程式碼如下:

<div>

<label>開關關</label>

<div>

<input type="checkbox" value="1" lay-skin="switch">

</div>

</div>

表單展示

效果圖:

程式碼如下:

<div>

<label>表單展示</label>

<div>

<p>2019-11-11 15:30:29</p>

</div>

</div>

效果圖:

程式碼如下:

<div>

<button class="layui-btn ns-bg-color">儲存</button>

<button type="reset" class="layui-btn layui-btn-primary">返回</button>

</div>

一行多列

效果圖:

程式碼如下:

<div>

<label>縮略大圖(單位:px)</label>

<div>

<div>寬</div>

<div>

<input name="thumb_big_width" type="number" lay-verify="int" class="layui-input ns-len-small">

</div>

<div>高</div>

<div>

<input name="thumb_big_height" type="number" lay-verify="int" class="layui-input ns-len-small">

</div>

</div>

</div>

手動觸發select事件

layui沒有封裝手動觸發select的事件,可以參考以下程式碼:

$("select[name='category']").siblings("div.layui-form-select").find("dl dd[lay-value='" + value + "']").click();

欄位集區塊

效果圖:

程式碼如下:

<fieldset>

<legend>標題</legend>

<div>內容區域</div>

</fieldset>

10
最新評論
  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 位元組因它而跳動!頂級資深大牛整理的“深入理解Linux核心”