Html+Css+Js
文章平均质量分 71
qq_42799562
一心搞.NET Core
展开
-
使用Ajax上传File
使用Ajax上传File一、创建布局(Bootstrap)1.1 创建一个简单表单1.2 创建一个上传控制器二、编写ajax2.1 验证serialize传参2.1 通过FormData序列化一、创建布局(Bootstrap)1.1 创建一个简单表单<form id="myForm" enctype="multipart/form-data" onsubmit="return save()"> <div class="form-group"> <l原创 2021-04-16 17:19:38 · 557 阅读 · 0 评论 -
js实现点击添加背景同级去除背景
我相信大家一定有过这样的体验,就是在我们打开一个导航栏,在我们进行点击的时候,会在其加上背景,同时对其同级的属性自动去除背景,体验起来是相当的舒服。今天我们就来简单制作一下吧!css代码:<style> .top { margin:1em 0 1em 3em; padding-bottom:2em; } .left_box { border: solid 1px #DDD; width: 122px;.原创 2021-01-23 17:27:45 · 512 阅读 · 0 评论 -
Html+Css复杂表格的制作
今天偶然在项目接触到大量单据信息的展示,突然发现被复杂表头的格式给高搞懵逼了。哈哈哈,通过简单整理,记录一下吧,希望能帮到需要的朋友!其实原理很简单: rowspan 控制行间距、colspan 控制列间距。时间确实是检验真理的唯一标准,在使用的过程中,我发现:其实就是通过 rowspan 来控制下一行的缩进距离, colspan 控制列所占的比例。直接上例子吧,要想有深刻的体会,除了实操,别无选择。这里使用的布局模版是 Layui ,自行前往下载。当然不使用也行,自己定义表格的边距、边框线等等,使表格直.原创 2021-01-13 16:21:00 · 1378 阅读 · 0 评论 -
实现Input框智能响应
当我们打开浏览器时,无论百度、谷歌、360还是其他浏览器,都会在搜索框只能响应用户输入的内容,根据关键字匹配的模糊查询来实现,只能搜索和用户响应。正好,在公司的新项目中,也遇到了类似的场景,简单记录下吧。其实就是用到了input的propertychange属性。通过该属性,可以通过input输入框value值得改变来随意切换相应 的内容,从而实现所谓的智能响应。实质上来说,还是挺简单的一个东西。我们来简单看下布局代码吧:...原创 2021-01-03 12:38:23 · 422 阅读 · 0 评论