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/选项

选项值='4'layim/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/选项

选项值='4'layim/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='秒'不会重新渲染

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

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: