首先在標簽容器中聲明class屬性為layui-form來標識一個表單元素塊,結合html標簽和css樣式組合成不同的表單元素,並通過layui的form模塊內部的工具完成交互,
第一次使用需注意,layui的form表單需要render渲染以后才能使用form表單元素和功能。

其中layui-form-item占一行,layui-form-lable標題,layui-input-block占后面的全部行,


layui中form自帶屬性:

表單元素下拉框option之disable和selected,
多選框<input type="checkbox" disable>


開關,


單選框:


文本域:注意class屬性

下面最常用的表單行內元素:
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">
<div class="layui-input-inline">
</div>
<div class="layui-input-inline">
</div>
</div>
</div>


form表單操作:更新渲染,form.render(type,filter)
type:

filter:即為

layui中form表單一些標簽的基本屬性:

事件的監聽:
form.on('event(filter)',function(){
})
event事件有:

filter為:即為lay-filter

1、select監聽的回調函數,返回一個參數,改參數包含兩個屬性,一個選中元素的dom對象,一個是選中元素的value值。
多選和單選同樣如此
2、submit提交標簽,
回調返回一個參數,改參數包含該標簽的dom對象,form表單對象,和form的各字段。
3、表單元素賦值


4、表單的驗證


