layuid出层渲染表单,并在表单里面添加开关和密码输入框怎么做,贴上代码。

layuid出层渲染表单,并在表单里面添加开关和密码输入框怎么做,贴上代码。,第1张

表单渲染需要依赖layui的 form模块

layui.use(['layer', 'form'], function(){

var layer = layui.layer

,form = layui.form

//layui 表单需要依赖form模块,并且d出层动态加载,必须在success参数里重新渲染。

//用带有lay-filter参数的容袭岁器包裹CheckBox表单,密码返禅扰输入框和平时一样使用就漏旦行

layer.open({

title: '在线调试'

,content: '<div class="layui-form" lay-filter="test1"><input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭"></div>'

,success: function(layero, index){

form.render(null, 'test1')}

})

})

参考文章:layui laydate 可以选择年月日时分衡皮秒,且默认获取

layui.use(['form', 'layedit', 'laydate'], function() {

        var form = layui.form

            , layer = layui.layer

            , laydate = layui.laydate

        laydate.render({

            elem: '#date1', //指定元素

            咐缓差type:'datetime', // 可选择:年、月、日、时、分、秒

            format: 'yyyy-MM-dd HH:mm:ss', //指定时间格式

            value: new Date(), // 指定值

     哪滑   })

})

你可以在前边加,后边的话好像没有现成的,

前边加的代码:

<div class="layui-form-item">

<label class="layui-form-label required">标题</label>

<div class="layui-input-block">

<input type="text" name="隐锋title" id="title" autocomplete="off"

lay-verType="tips"厅携逗 placeholder="请输入标题" lay-verify="required"  class="layui-input" />

</div>

</div>

在label的class中加入【required】标签 ,然后在他输扮卖入框中加入【lay-verify="required" 】即可达到必填功能和提示效果,结果如图:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11967642.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存