首页 » Web前端 » layui搜刮php技巧_php手把手教你做网站四layui 的运用

layui搜刮php技巧_php手把手教你做网站四layui 的运用

访客 2024-11-24 0

扫一扫用手机浏览

文章目录 [+]

1、所有的radio checkbox要改变样式的都要放到form 里边;

2、form 要加上 class="layui-form"

layui搜刮php技巧_php手把手教你做网站四layui 的运用

3、复选框有两种显示办法

layui搜刮php技巧_php手把手教你做网站四layui 的运用
(图片来自网络侵删)

图1 复选框显示办法1

图2 复选框显示办法2

第一种:<input type="checkbox" title='显示' checked />

第二种:<input type="checkbox" title='显示' checked lay-skin="primary"/>

比较会创造 第二种只是多了一个选择 lay-skin="primary"

4、在</form>往后要加上

<script>

layui.use('form', function(){

var form = layui.form;

})

</script>

我是加到了页面底部,对form内的样式渲染

5、鼠标监听事宜 form内的select button 等

select 触发 常日用在调用下级分类

button 会提交信息 可以实现ajax提交数据

事实上不管哪种触发都须要用到 lay-filter

<script>

layui.use('form', function(){

var form = layui.form;

form.on('select(myselect)', function(data){

这是select触发的事宜 <select lay-filter="myselect">

data.value 便是获取到的option的value

});

form.on('submit(btnsub)', function(data){

这是button触发的事宜 <button lay-submit lay-filter="btnsub">

只是多了一个lay-submit

});

})

如果用到ajax获取下级分类往后,比如select ,要在完成往后加上form.render(); 重新渲染 ;

通过ajax提交数据,须要先获取到form表单的数据,parms=$("#formact").serialize();formact是form的ID;但是这样获取不到图片上传选择图片的数据,这就须要我们先上传图片,把图片地址赋值到input里边,建议图片上传先通过ajax 或者iframe上传图片;

</script>

这些可以和jquery nude.js等等交叉利用,不必拘泥一个思路。

css calc的用法

calc是页面布局会常常用到,比如想让页面两边空出来10个像素;通过width:calc(100% - 20px); 设置居中,就轻易实现了两边空缺10px,须要把稳的是 100% 和 - 以及后边的20px是有空格的

标签:

相关文章

介绍百度码,技术革新背后的智慧之光

随着科技的飞速发展,互联网技术已经成为我们生活中不可或缺的一部分。而在这个信息爆炸的时代,如何快速、准确地获取信息,成为了人们关注...

Web前端 2025-01-03 阅读1 评论0

介绍皮箱密码,开启神秘之门的钥匙

皮箱,作为日常生活中常见的收纳工具,承载着我们的珍贵物品。面对紧闭的皮箱,许多人却束手无策。如何才能轻松打开皮箱呢?本文将为您揭秘...

Web前端 2025-01-03 阅读1 评论0

介绍盗号器,网络安全的隐忧与应对步骤

随着互联网的快速发展,网络安全问题日益突出。盗号器作为一种非法工具,对网民的个人信息安全构成了严重威胁。本文将深入剖析盗号器的原理...

Web前端 2025-01-03 阅读1 评论0