layui弹出窗口,layui的弹出框样式美化

layui弹出窗口,layui的弹出框样式美化,layui页面级弹出框的实现

input type= text name= title lay-verify= required | title required placeholder=请输入标题autocomplete= off class= layui-input

/div

/div

div class=layui-form-item

label class=layui-form-label 手机/标签

div class=layui-input-block

input type= tel name= phone lay-verify= required | number lay-verType= tips autocomplete= off class= layui-input

/div

/div

div class=layui-form-item

label class=layui-form-label 邮箱/标签

div class=layui-input-block

input type= email name= email lay-verify= email lay-verType= alert autocomplete= off class= layui-input

/div

/div

div class=layui-form-item

label class=layui-form-label 密码/标签

div class=layui-input-inline

input type= password name= password lay-verify= required | pass placeholder=请输入密码autocomplete= off class= layui-input

/div

div class= layui-form-mid layui-word-aux 请务必填写用户名/div

/div

div class=layui-form-item

div class=layui-inline

label class=layui-form-label 范围/标签

div class= layui-input-inline style= width:100px;

input type= text name= price _ min placeholder= @ autocomplete= off class= layui-input

/div

div class=layui-form-mid-/div

div class= layui-input-inline style= width:100px;

input type= text name= price _ max placeholder= @ autocomplete= off class= layui-input

/div

/div

div class=layui-inline

label class=layui-form-label 行内表单/标签

div class=layui-input-block

select name=小考lay-verify=必选lay-verType=提示

选项值= 请选择问题/选项

选项值="0"你工作的第一个城市/选项

选项值=1 已禁用你的工号/选项

选项值=2 你最喜欢的老师/选项

/选择

/div

/div

div class=layui-inline

label class= layui-form-label select分组/标签

div class=layui-input-block

select name=测验lay-filter=测验

选项值= 请选择问题/选项

optgroup label=城市记忆

选项值="0"你工作的第一个城市/选项

/optgroup

optgroup label=学生时代

选项值=1 已禁用你的工号/选项

选项值=2 你最喜欢的老师/选项

/optgroup

/选择

/div

/div

/div

div class=layui-form-item

label class=layui-form-label 选择框/标签

div class=layui-input-block

select name= interest lay-filter= interest

选项值=""/选项

选项值="0"写作/选项

选项值=1 阅读/选项

选项值=2 游戏/选项

选项值=3 音乐/选项

选项值=4 旅行/选项

/选择

/div

/div

div class=layui-form-item

label class=layui-form-label 搜索选择框/标签

div class=layui-input-inline

select name=兴趣搜索lay-filter=兴趣搜索分层搜索

选项值= 请搜索/选项

选项值=写作写作/选项

选项值=阅读有缺陷的阅读/选项

选项值=游戏有缺陷的游戏/选项

选项值=音乐音乐/选项

选项值=旅行旅行/选项

选项值=读书读书/选项

选项值=1 层/选项

选项值=2 disabledlaydate/option

选项值= 3 3/选项

选项值=4layim/option

选项值=5 布局页/选项

选项值= 6 6/选项

选项值= 7 7/选项

选项值= 8 8/选项

/选择

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 复选框/标签

div class=layui-input-block

input type= checkbox name= like[write] title=写作

input type= checkbox name= like[read] title=阅读

input type= checkbox name= like[game] title=游戏有缺陷的

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 原始复选框/标签

div class=layui-input-block

input type= checkbox name= like 1[write] lay-skin= primary title=写作

input type= checkbox name= like 1[read] lay-skin= primary title=阅读

input type= checkbox name= like 1[game] lay-skin= primary title=游戏有缺陷的

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 开关关/标签

div class=layui-input-block

input type= checkbox name= close lay-skin= switch title=开关

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 开关开/标签

div class=layui-input-block

input type= checkbox checked name= open lay-skin= switch lay-filter= switch test lay-text= ON | OFF

input type= checkbox name= open 2 lay-skin= switch lay-filter= switch test lay-text=已绑定|绑定

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 单选框/标签

div class=layui-input-block

输入类型=单选名称=性别值=男title=男

输入类型=单选名称=性别值=女title=女检查

输入类型=单选名称=性别值=中型title=中有缺陷的

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 单选框/标签

div class=layui-input-block

输入类型=radio name=sex.id value=男title=男

输入类型=radio name=sex.id value=女title=女检查

输入类型=radio name=sex.id value=中型title=中

/div

/div

div class= layui-form-item layui-form-text

label class=layui-form-label 请填写描述/标签

div class=layui-input-block

文本区域占位符=请输入内容class= layui-textarea name= desc /textarea

/div

/div

div class=layui-form-item

div class=layui-input-block

按钮 lay-submit lay-filter= * 立即提交/按钮

按钮类型= reset class=拉伊-BTN拉伊-BTN-小学重置/按钮

/div

/div

/表单

form class= layui-form layui-form-pane 1 action= lay-filter= second

div class=layui-form-item

label class=layui-form-label 输入框/标签

div class=layui-input-block

input type= text name= title lay-verify= required | title required placeholder=请输入标题autocomplete= off class= layui-input

/div

/div

div class=layui-form-item

label class=layui-form-label 手机/标签

div class=layui-input-block

input type= tel name= phone lay-verify= required | number lay-verType= tips autocomplete= off class= layui-input

/div

/div

div class=layui-form-item

label class=layui-form-label 邮箱/标签

div class=layui-input-block

input type= email name= email lay-verify= email lay-verType= alert autocomplete= off class= layui-input

/div

/div

div class=layui-form-item

label class=layui-form-label 密码/标签

div class=layui-input-inline

input type= password name= password lay-verify= required | pass placeholder=请输入密码autocomplete= off class= layui-input

/div

div class= layui-form-mid layui-word-aux 请务必填写用户名/div

/div

div class=layui-form-item

div class=layui-inline

label class=layui-form-label 范围/标签

div class= layui-input-inline style= width:100px;

input type= text name= price _ min placeholder= @ autocomplete= off class= layui-input

/div

div class=layui-form-mid-/div

div class= layui-input-inline style= width:100px;

input type= text name= price _ max placeholder= @ autocomplete= off class= layui-input

/div

/div

div class=layui-inline

label class=layui-form-label 行内表单/标签

div class=layui-input-block

select name=小考lay-verify=必选lay-verType=提示

选项值= 请选择问题/选项

选项值="0"你工作的第一个城市/选项

选项值=1 已禁用你的工号/选项

选项值=2 你最喜欢的老师/选项

/选择

/div

/div

div class=layui-inline

label class= layui-form-label select分组/标签

div class=layui-input-block

select name=测验lay-filter=测验

选项值= 请选择问题/选项

optgroup label=城市记忆

选项值="0"你工作的第一个城市/选项

/optgroup

optgroup label=学生时代

选项值=1 已禁用你的工号/选项

选项值=2 你最喜欢的老师/选项

/optgroup

/选择

/div

/div

/div

div class=layui-form-item

label class=layui-form-label 选择框/标签

div class=layui-input-block

select name= interest lay-filter= interest

选项值=""/选项

选项值="0"写作/选项

选项值=1 阅读/选项

选项值=2 游戏/选项

选项值=3 音乐/选项

选项值=4 旅行/选项

/选择

/div

/div

div class=layui-form-item

label class=layui-form-label 搜索选择框/标签

div class=layui-input-inline

select name=兴趣搜索lay-filter=兴趣搜索分层搜索

选项值= 请搜索/选项

选项值=写作写作/选项

选项值=阅读有缺陷的阅读/选项

选项值=游戏有缺陷的游戏/选项

选项值=音乐音乐/选项

选项值=旅行旅行/选项

选项值=读书读书/选项

选项值=1 层/选项

选项值=2 disabledlaydate/option

选项值= 3 3/选项

选项值=4layim/option

选项值=5 布局页/选项

选项值= 6 6/选项

选项值= 7 7/选项

选项值= 8 8/选项

/选择

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 复选框/标签

div class=layui-input-block

input type= checkbox name= like[write] title=写作

input type= checkbox name= like[read] title=阅读

input type= checkbox name= like[game] title=游戏有缺陷的

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 原始复选框/标签

div class=layui-input-block

input type= checkbox name= like 1[write] lay-skin= primary title=写作

input type= checkbox name= like 1[read] lay-skin= primary title=阅读

input type= checkbox name= like 1[game] lay-skin= primary title=游戏有缺陷的

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 开关关/标签

div class=layui-input-block

input type= checkbox name= close lay-skin= switch title=开关

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 开关开/标签

div class=layui-input-block

input type= checkbox checked name= open lay-skin= switch lay-filter= switch test lay-text= ON | OFF

input type= checkbox name= open 2 lay-skin= switch lay-filter= switch test lay-text=已绑定|绑定

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 单选框/标签

div class=layui-input-block

输入类型=单选名称=性别值=男title=男

输入类型=单选名称=性别值=女title=女检查

输入类型=单选名称=性别值=中型title=中有缺陷的

/div

/div

div class=layui-form-item 窗格

label class=layui-form-label 单选框/标签

div class=layui-input-block

输入类型=radio name=sex.id value=男title=男

输入类型=radio name=sex.id value=女title=女检查

输入类型=radio name=sex.id value=中型title=中

/div

/div

div class= layui-form-item layui-form-text

label class=layui-form-label 请填写描述/标签

div class=layui-input-block

文本区域占位符=请输入内容class= layui-textarea name= desc /textarea

/div

/div

div class=layui-form-item

div class=layui-input-block

按钮 lay-submit lay-filter= * 立即提交/按钮

按钮类型= reset class=拉伊-BTN拉伊-BTN-小学重置/按钮

/div

/div

/表单

div id=dvName/div

运行效果:lay-filter=first 会重新渲染表单,lay-filter=秒不会重新渲染

到此这篇关于拉尤伊页面级弹出框的实现的文章就介绍到这了,更多相关拉尤伊页面弹出框内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

layui弹出窗口,layui的弹出框样式美化