layui之form表單


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM