html
关注
分享
扫一扫
#麻辣小龙虾#
路漫漫其修远兮，吾将上下而求索。
展开
-
HTML复杂表格绘制实现思路
最近在做项目的时候遇到一个需求，要做一个表格，这个表格是Excel里面业务人员绘制好的，表格结构比较复杂，如果要自己一个一个地用table去编写需要花很长的时间，于是想了下要怎么去实现复杂表格的方案，话不多说。比如如果要实现下面的表格（这个还算好的了，如果更复杂那应该怎么办）：于是，我想了下，能不能找到一些工具插件之类的去实现，找了一两个小时之后发现还是没有，然后以前刚毕业的那段时间在...原创 2020-03-07 18:44:55 · 4993 阅读 · 1 评论 -
关于file标签change选择同一个文件不会触发问题
最近在项目开发的过程中遇到一个问题，就是需要file标签选中后触发，但是有个问题，就是change选中之后如果选钟的是同一个文件，那么change事件就不会触发，不过最后还是找到了方法去解决这个问题。上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-05-07 11:10:12 · 1271 阅读 · 0 评论 -
P标签里面为什么不能添加div标签
很多刚接触html的同学可能比较少注意到这个问题，html标签里面是不是可以随便放标签，答案是肯定不行的。为什么呢？ 我们先看一张图代码图然后浏览器渲染出来的DOM是这样的 本人使用的浏览器是chrome 看到区别了么，命名我们已经将p标签包裹在div外面了，为什么他们跑出来了呢？HTML写一个div就可以布局玩所有页面，但是为什么要有那么标签，那是因为每个标签都有每个...原创 2018-05-18 18:35:51 · 3574 阅读 · 3 评论 -
使用div模拟默认select效果代码。
我们在开发过程中很多时候都发现系统默认的select可能有点丑，或者有时候并不能满足UI设计的样式要求，于是就得自己写一个模拟出效果，并可以向服务端传送数据。大年初三敲代码，只是闲来敲敲。。。。。。效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2018-02-18 23:45:48 · 2325 阅读 · 0 评论 -
CSS3边框旋转动画实现效果
动画结果如下：以前有看到过相应的动画，想了一下实现思路，就是用4个div分别定位模拟上下左右边框，然后根据定位top、left、right、bottom4个位置定位，再用css3中的transition实现相应的鼠标移入动画效果。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name原创 2017-12-12 17:32:46 · 7209 阅读 · 0 评论 -
display:inline-block配合text-align:justify实现块级元素均匀布局
今天突然get到一个使用text-align:justify实现块级元素均匀布局。代码如下：<html> <head> <meta charset="utf-8"> <title>display:inline-block配合text-align:justify实现块级元素均匀布局</title> <style> *{ma原创 2017-08-30 17:09:52 · 1499 阅读 · 0 评论 -
form表单中autocomplete 有什么用？
定义：在做项目的时候你会发现，当你在表单输入值提交之后，页面刷新载入的时候，你再次输入的时候会出现如s上的情况，表单下面有类似你以前输入过的东西，这就autocomplete = “on”的状态，但是在开发过程中，有时候并不需要设置提示。那么久可以关掉就好，将autocomplete = “off”。如果支队单个表单设置，那么只会对单个表单启作用，如果是对form表单设置，那么则对form里面的所有原创 2017-08-23 16:32:51 · 7911 阅读 · 1 评论 -
纯原生javascript实现图片轮播切换效果代码。
效果如下： 代码部分：原创 2017-08-20 13:54:26 · 1119 阅读 · 1 评论 -
label绑定click事件也会触发所包含内部表单的click事件，你踩过坑吗？
昨天在做项目的时候突然遇到一个坑，就是给label绑定一个click事件之后，点击触发事件，竟然会触发两次，瞬间就懵逼了，当时的表情是这样的 纠结了1个多小时，一直以为是有绑定了相应的表单事件，所以造成冒泡，才会触发两次，但是调试了很久，还是没有找到有绑定的事件，于是当时的表当又变成这样了。 闲话少说，上田园马如下所示：<!DOCTYPE html><html lang="en"><head原创 2017-07-01 10:09:56 · 944 阅读 · 0 评论 -
<label>标签你理解了吗？
查看了一下W3C：常用for属性用法（W3C）：也就是说，可以通过包裹表单的方式使得点击对应的label使得对应的表单聚焦： 这里有显示和隐式两种，但是要注意的是，如果使用隐式，必须里面只有一个对应的表单元素，如果有多个 如下图所示，则点击包裹的非表单元素时只有第一个表单元素会聚焦如下图所示，点击输入值aa只有表单bb会聚焦 在项目开发过程中用于常用于美化表单元素如下图所示html代码：js代原创 2017-05-25 10:36:35 · 638 阅读 · 0 评论