HTML
文章平均质量分 73
面向Web3,春暖花开
这个作者很懒,什么都没留下…
展开
-
阻止 form 表单 input 回车触发 button 按钮 click 事件
如上代码,在 input 输入框中按下回车键会自动触发 Action 事件,这就会影响业务流程,也算是个bug,但这是为什么呢?方法1:给 button 加 type 类型方法2:给 input 加阻止回车鼠标事件相关链接vue 阻止事件冒泡,捕获方法阻止 form input 输入框按回车自动提交表单...原创 2022-06-15 16:53:52 · 2207 阅读 · 0 评论 -
CSS 修改SVG颜色并且宽高自适应
需求下图中的图案和文字根据网站的主题色更新缩放屏幕大小时,图片可以根据屏幕大小自适应默认图片的 svg 代码<svg width="198" height="206" viewBox="0 0 198 206" fill="none" xmlns="http://www.w3.org/2000/svg" class="svg-icon"> <rect x="8.5" y="24.5" width="181" height="181" rx="3.5" fill="#ff原创 2022-02-21 15:42:05 · 5099 阅读 · 0 评论 -
如何用手机访问本地页面?
需要将你本地的页面用localhost域名打开,并且确保你的手机和电脑在同一个局域网内(例如:电脑和手机连接同一个WiFi)1. 用localhost域名打开需要以下任意一种编译器webstorm: 右上角在浏览器中打开,默认就是localhost方式vscode: 需要安装 Live Server找到页面右键选择 Open with Liver Server 打开此页面sublime: 需要安装 SublimeServer 插件(1). 打开sublime,ctrl + shif.原创 2020-09-01 17:55:50 · 3370 阅读 · 0 评论 -
input type="number",鼠标悬停关闭提示语
最近刚发现input 设置type="number"之后,鼠标悬停会出现提示语:请输入有效值。两个最接近的有效值分别为xx和xx。 一、问题想要输入的值确实为number格式,又可以输入小数,不限制小数位,所以要把这讨厌的提示去掉,该怎么做呢?二、解决方案1.设置title设置title为空之后提示内容也即为空,所以不显示,代码如下<input type="number...原创 2020-03-25 10:38:20 · 3212 阅读 · 1 评论 -
input 清除历史输入记录下拉框
HTML 的 input 输入框 会有记录功能,下次输入时总是会出现之前输入历史记录的下拉框,但是有时这个历史记录又很不友好,所以需要将历史记录清除,这时一个属性即可搞定 autocomplete="off"<input type="text" autocomplete="off" />...原创 2019-09-18 14:39:18 · 1605 阅读 · 0 评论