首先在標簽容器中聲明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、表單的驗證