-
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