Layui的表單理解

2021-10-09 21:21:20 字數 604 閱讀 9861

form中開關效果:

其實就是checkbox核取方塊的「變種」,通過設定 lay-skin=「switch」 形成了開關風格。

屬性:屬性checked可設定預設開

屬性disabled開啟禁用

屬性lay-text可自定義開關兩種狀態的文字

設定value="1"可自定義值,否則選中時返回的就是預設的on

form中單選框的效果和核取方塊相似:

就是radio的單選框效果,

屬性:屬性title可自定義文字

屬性disabled開啟禁用

設定value="***"可自定義值,否則選中時返回的就是預設的on

文字域在form中的textarea標籤新增class=「layui-textarea」:layui.css提供的通用css類就可以了。

組裝行內表單

直接在兩個div標籤裡面使用屬性類進行調整就可以了。

屬性:class=「layui-inline」:定義外層行內

class=「layui-input-inline」:定義內層行內

風格樣式美化:

通過追加 layui-form-pane 的class,來設定表單的方框風格。內部結構不變。

layui表單提交

form method post div class layui form item label for l email class layui form label 郵箱 label div class layui input inline input type text id l email n...

layui表單校驗

單條校驗 多條校驗 input type text lay verify required phone number 表單 input type text lay verify username 自定義校驗方法 一 form.verify 自定義校驗方法 二 form.verify 注意點 自定義方...

layui表單自帶驗證

layui 表單 1.表單自帶校驗 lay verify 是表單驗證的關鍵字 有以下值供選擇 required 必填項 phone 手機號 email 郵箱 url number 數字 date 日期 identity 身份證 自定義值 同時支援多條規則的驗證 格式 lay verify 驗證a 驗...