首先先說一下input的各個屬性:
class="layui-input"-------将input定義為layui樣式,
name="finishdate"-------規定了input的名稱,隻有設定了 name 屬性的表單元素才能在送出表單時傳遞它們的值,
lay-verify="required"-------表單驗證(在js中書寫form.verify()方法對自定義的标簽值進行校驗 ),
placeholder------input的填充
autocomplete------屬性規定輸入字段是否應該啟用自動完成功能(當使用者在字段開始鍵入時,浏覽器基于之前鍵入過的值,應該顯示出在字段中填寫的選項),
再說一下彈出層layer:
在做項目時我把一個input的表單放在layer裡面顯示,然後說一下layer各個參數的用法:
1.type: 類型:number,預設為0
layer提供了5種層類型。可傳入的值有:0(資訊框,預設)1(頁面層)2(iframe層)3(加載層)4(tips層)。 若你采用layer.open({type: 1})方式調用,則type為必填項(資訊框除外)
2.title: 類型:String/Array/Boolean,預設:'資訊'
title支援三種類型的值,若你傳入的是普通的字元串,如title :'我是标題',那麼隻會改變标題文本;若你還需要自定義标題區域樣式,那麼你可以title: ['文本', 'font-size:18px;'],數組第二項可以寫任意css樣式;如果你不想顯示标題欄,你可以title: false。
3.content: 類型:String/DOM/Array,預設:''
content可傳入的值是靈活多變的,不僅可以傳入普通的html内容,還可以指定DOM,更可以随着type的不同而不同。
4.area:類型:String/Array,預設:'auto'
預設狀态下,layer彈出層的寬高是自适應的,但當隻想定義寬度時,你可以area: '500px',高度仍然是自适應的。當寬高都要定義時,你可以area: ['500px', '300px']
5.btn:類型:String/Array,預設:'确認'
資訊框模式時,btn預設是一個确認按鈕,其它層類型則預設不顯示,加載層和tips層則無效。當您隻想自定義一個按鈕時,你可以btn: '我知道了',當你要定義兩個按鈕時,你可以btn: ['yes', 'no']。當然,你也可以定義更多按鈕,比如:btn: ['按鈕1', '按鈕2', '按鈕3', …],按鈕1和按鈕2的回調分别是yes和cancel,而從按鈕3開始,則回調為btn3: function(){},以此類推。
6.btnAlign - 按鈕排列
你可以快捷定義按鈕的排列位置,btnAlign的預設值為r,即右對齊。該參數可支援的指派如下:btnAlign: 'l' 按鈕左對齊
btnAlign: 'c' 按鈕居中對齊
btnAlign: 'r' 按鈕右對齊。預設值,不用設定
7.maxmin:最大最小化
該參數值對type:1和type:2有效。預設不顯示最大小化按鈕。需要顯示配置maxmin: true即可
8.fixed - 固定
類型:Boolean,預設:true
即滑鼠滾動時,層是否固定在可視區域。如果不想,設定fixed: false即可
9.resize - 是否允許拉伸
類型:Boolean,預設:true
預設情況下,你可以在彈層右下角拖動來拉伸尺寸。如果對指定的彈層屏蔽該功能,設定 false即可。該參數對loading、tips層無效
layui--table格式:
詳見layui-table的相關問題