表單label寬度
layui-form-label 155px
layui-form-label sm 100px
input寬度
input框 最短（100px）: ns-len-small
input框 短（160px）: ns-len-short
input框 中（250px）: ns-len-mid
input框 長（500px）: ns-len-long
輸入框
效果圖：
程式碼如下：
<div>
<label>輸入框</label>
<div>
<input type="text" name="" placeholder="請輸入內容" autocomplete="off" class="layui-input ns-len-mid">
</div>
</div>
型別：
1、文字輸入框 type="text"
2、數字輸入框 type="number"
3、密碼輸入框 type="password"
注意：
required：註冊瀏覽器所規定的必填欄位
lay-verify：註冊form模組需要驗證的型別
class="layui-input"：layui.css提供的input樣式
新增必輸項標識
效果圖：
關鍵程式碼：
<span>*</span>
程式碼如下：
<div>
<label><span>*</span>必填</label>
<div>
<input type="text" name="" required lay-verify="required" placeholder="請輸入" autocomplete="off" class="layui-input ns-len-mid">
</div>
</div>
新增解釋說明
效果圖：
關鍵程式碼（註釋一）：
<span>註釋一</span>
程式碼如下（註釋一）：
<div>
<label>註釋一</label>
<div>
<input type="password" name="" placeholder="請輸入" autocomplete="off" class="layui-input ns-len-mid">
<span>註釋一</span>
</div>
</div>
關鍵程式碼（註釋二）：
<span>註釋二</span>
注意：擺放位置不同
程式碼如下（註釋二）：
<div>
<label>註釋二</label>
<div>
<input type="password" name="" placeholder="請輸入" autocomplete="off" class="layui-input ns-len-mid">
</div>
<span>註釋二</span>
</div>
關鍵程式碼（註釋三）：
<span>註釋三</span>
程式碼如下（註釋三）：
<div>
<label>註釋三</label>
<div>
<input type="password" name="" placeholder="請輸入" autocomplete="off" class="layui-input ns-len-mid">
</div>
<span>註釋三</span>
</div>
複選框
效果圖：
程式碼如下:
<div>
<label>複選框</label>
<div>
<input type="checkbox" name="like[write]" checkboxs lay-skin="primary" title="寫作">
<input type="checkbox" name="like[read]" lay-skin="primary" title="閱讀">
</div>
</div>
注意： checkboxs 表示選中