![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html/js/css
html/js/css
ZhangChuChu_9248
勿喷,求指教。
展开
-
浮动的label
正在上传…重新上传取消图片来自JVFloatLabeledTextField在web项目中,有一个很重的模块就是登陆/注册模块,这个模块的主体部分就是一个form表单,这个form表单包含两个重要input组(用户名/密码),每个input组都包含label和input,而关于的布局方案多种多样,不同的设计师有不同的设计风格,不同的前端工程师又有不同的实现方式。通过对比发现,现在的方案是既注重美观,又注重性能。那么,关于label和input都有哪些布局方案呢?转载 2022-10-12 15:27:44 · 452 阅读 · 0 评论 -
css 去掉 ie10,11 中 input [type=“password“] 中的眼睛图标
去掉vue中type=password自带的眼睛图案。转载 2022-10-10 16:47:38 · 408 阅读 · 0 评论 -
css实现两个div之间的竖杠
注: 外层div flex布局;里面的span flex=1 ,通过line-height可以控制那个竖杠的高度。原创 2022-09-26 14:55:19 · 1156 阅读 · 0 评论 -
js实现iframe路由切换
页面内嵌套页面,可使用iframe实现。点击切换按钮在上一遍文章。原创 2022-09-02 10:43:14 · 1457 阅读 · 0 评论 -
js实现鼠标点击切换文字样式并添加下划线
【代码】js实现鼠标点击切换文字样式并添加下划线。原创 2022-09-01 14:43:02 · 1698 阅读 · 0 评论 -
position:absolute;定位后 固定图片位置
eg: 固定一个半圆到一个div里。原创 2022-09-02 10:28:21 · 193 阅读 · 0 评论 -
IE兼容性问题 —— object-fit
这里我是引入的一个插件包object-fit-images,原因有俩:1. 有 ts 的声明包,适合基于 ts 开发的小伙伴;2. 文档虽然英文的,但是简单明了, 想看英文文档的可以点这里:object-fit-images, 想直接上手的,接着往下看。最后一步也是最重要的一步,这里我尝试了官方文档说的在 之前使用 objectFitImages 方法,但是没起作用,所以我是在组件内部使用的 objectFitImages 方法。然后再打开 IE 浏览器,就可以看见正常的图片啦。...转载 2022-08-31 14:22:17 · 1060 阅读 · 1 评论 -
设置web页面鼠标样式
cursor:pointer设定鼠标的形状为一只伸出食指的手,这也是绝大多数浏览器里面鼠标停留在网页链接上方时候的样式。另外可以选择其他鼠标指针样式,常用的有default 箭头,crosshair 十字,progress 箭头和沙漏等等。cursor规则是设定网页浏览时用户鼠标指针的样式,也就是鼠标的图形形状。...转载 2022-08-29 09:08:40 · 759 阅读 · 0 评论 -
css实现鼠标悬停改变图片
【代码】css实现鼠标悬停改变图片。原创 2022-08-25 19:57:05 · 734 阅读 · 0 评论 -
jquery怎么设置表格奇偶行不同的颜色?
在jQuery中使用“$("tr:odd").css("background-color","颜色")”与“$("#tr:even").css("background-color","颜色")”即可设置表格奇偶行颜色不同。转载 2022-06-22 10:14:36 · 1482 阅读 · 0 评论 -
HTML 转义字符
诸如 “转载 2022-06-17 19:11:19 · 1244 阅读 · 0 评论 -
JS操作dom
$('#abc').append(html); //追加到节点中的末尾处 $('#abc').empty(); //清空该div内的内容 $('#abc').remove(); //移除所有内容包括该div原创 2022-06-17 16:00:04 · 54 阅读 · 0 评论 -
html旋转及自适应
一、使用css达到旋转目的二、自适应(js)原创 2022-06-15 19:15:46 · 1433 阅读 · 0 评论 -
html画table表格
html画table表格:代码+实现效果原创 2022-06-14 20:52:20 · 421 阅读 · 0 评论 -
z-index属性
一、定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!二、实例:设置图像的 z-index:......转载 2022-06-14 20:32:57 · 452 阅读 · 0 评论 -
js中实现页面跳转的方法
js中实现页面跳转的方法转载 2022-06-14 19:43:17 · 1444 阅读 · 0 评论 -
div内字体居中
1》先设置一个div的宽高,使用text-align水平居中;2》再使用line-height上下居中即可(line-height设置的高度需跟div的高度一致)。原创 2022-06-10 09:29:10 · 7124 阅读 · 0 评论 -
Html-浅谈如何正确给table加边框
Html-浅谈如何正确给table加边框转载 2022-06-09 14:56:58 · 8782 阅读 · 0 评论 -
修改placeholder字体颜色
html修改placeholder字体颜色原创 2022-06-08 14:25:13 · 689 阅读 · 0 评论 -
HTML身份证号校验及根据身份证号获取出生日期/性别
一、HTML的方法都写在js里 若HTML、JS、CSS在一个HTML文件中,在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种: 一种是直接在<script>标签中嵌入JavaScript代码(本文使用该方法) 另一种是用<script>的src属性引入外部JavaScript文件参考[1]:在HTML中使用JavaScript二、代码示例:1、验证身份证...原创 2022-05-25 17:31:23 · 2963 阅读 · 0 评论