-
HTML table 水平滚动
需求 当table有很多列时,无能显示在指定宽度上,需水平滚动。 解决 最主要是display: block和overflow-x: auto。 table {
2023-09-20,阅读:34,标签:HTML
-
HTML 显示 PDF 文件的几种方式
object 标签 data属性中配置PDF文件路径,type选择application/pdf。 <html> <head>
-
HTML 输入框 input 清空按钮
CSS input[type=search]::-webkit-search-cancel-button { -webkit-appearance: n
-
HTML 使用 CSS 移除 input datalist 下拉箭头
需求 input配置了datalist后,输入框尾部会带一个下拉箭头,需要去掉。 样式 [list]::-webkit-calendar-picker-indi
-
HTML 使用 CSS 改变文本选中颜色
代码 color:选中后的文字颜色。 background:背景色。 ::selection { background:#4CAF50; col
-
HTML 防止爬虫抓取方法
robots.txt 设置robots.txt爬虫抓取规则,一般放置在域名根目录。 如:不允许抓取/admin下的路径及子路径。 User-agent: * D
2023-09-13,阅读:43,标签:HTML
-
HTML 使用 tabindex 控制 Tab 键按键顺序
格式 number从1开始。 <element tabindex="number"> 防止 Tab 键选中 将tabindex设置为-1将不会被Ta
2022-09-08,阅读:647,标签:HTML
-
JavaScript 判断字符串中是否含有 HTML 标签
正则表达式 function checkHtml(htmlStr) { var reg = /<[^>]+>/g; retu
2022-07-05,阅读:1623,标签:JavaScript HTML 正则表达式
-
HTML 禁止在移动端缩放
需求 禁止网页在Android、iOS、平板等设备中缩放,导致元素大小不一致。 方法 添加viewport,设置缩放属性。 <meta name="vie
2021-06-23,阅读:1483,标签:HTML
-
使用 Packer.js 压缩 HTML 和 JavaScript
关于 Packer.js Packer.js可以压缩HTML和JavaScript,开启变量混淆,也可以一定程度上混淆JavaScript代码。 构造方法 sc
2021-06-12,阅读:12366,标签:JavaScript HTML
-
iframe 直接加载 HTML 代码
HTML5 srcdoc <iframe seamless frameborder=0 scrolling=no width="100%" height=
2021-06-03,阅读:2083,标签:HTML
-
HTML iframe 设置不显示滚动条和边框
scrolling 设置iframe属性scrolling: no即可不显示滚动条。如果不给iframe设置足够的height则可能会截断网页。 有滚动条!'>
2021-06-02,阅读:4031,标签:HTML
-
HTML input 输入框禁止显示输入过的历史数据
描述 input输入框会自动提示在页面中提交过的数据。 解决 给input添加autocomplete="off"属性,关闭自动提示功能。 可能在一些浏览器出现
2021-06-01,阅读:1535,标签:HTML
-
HTML 自定义表单验证信息
说明 在oninvalid事件时调用setCustomValidity方法设置自定义信息。在oninput事件时将提示信息置空。 代码 <form act
2021-05-31,阅读:1169,标签:HTML
-
HTML 判断是否禁用了 JS
noscript 在<head></head>中使用自带<noscript></noscript>标签,可有浏览
2020-11-27,阅读:2066,标签:HTML JavaScript
-
Spring Boot 不引入模板引擎加载网页等资源
配置文件 最主要配置spring.mvc.static-path-pattern和spring.resources.static-locations位置。 sp
2020-11-17,阅读:1651,标签:Spring Boot HTML
-
前端文件下载时重命名文件名
a 标签 使用a标签的download属性可重命名文件名。但必须是同源,在跨域的网页中无法重命名。 <a href="https://xxx.com/pi
2020-09-18,阅读:6106,标签:JavaScript HTML 跨域
-
CSS 网页变灰效果
滤镜函数 设置在html节点,则应用于全局。 html { -webkit-filter: grayscale(100%); -moz-filt
-
HTML 中使用 datalist 标签给输入框添加下拉框选项
图片展示 代码实现 最主要是datalist标签和input的list属性。 <input placeholder="搜索..." type="sear
-
HTML 中用 CSS 实现搜索框内添加搜索图片
图片展示 代码实现 最主要是padding-left和background。使用了svg图片。 .search-input { padding-lef