使用<input type="image" src="...">标签会引发页面刷新的问题

最新推荐文章于 2026-07-01 15:16:09 发布

转载最新推荐文章于 2026-07-01 15:16:09 发布 · 534 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/RunningSir/p/7028740.html

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种简单的方法来解决在form表单中使用<input type=image>标签时引起的页面刷新问题。只需在图片按钮的onclick事件中添加return false;即可阻止默认行为，实现页面不刷新。

使用<input type="image">标签时，如果是放在了form表单内部，就会引起页面刷新的问题，解决办法很简单

只需要在触发的函数后面加上return false;就可以完美解决页面刷新的问题

转载于:https://www.cnblogs.com/RunningSir/p/7028740.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

banjiang2431

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

自己整理解决页面刷新问题

09-13

自己整理总结多种方法刷新页面代码，C#实现，解决页面刷新问题

image属性的input提交按钮

wddzz

03-19

1669

html中input属性type=image的提交按钮，再点击后自动刷新页面：解决方法：<input type="image" name="tjiao" src="images/denglu_btn.png" onclick="return false">

参与评论您还未登录，请先登录后发表或查看评论

h5 苹果12 拍照上传图片后导致自动刷新页面，表单数据丢失定位分析

飞翔小猪的博客

10-21

7839

最后定位出来就是手机内存的不足，一看她打开了最少10以上的进程，当把其余多余进程都关闭后，问题解决了，从以上分析，应该还是系统底层的问题，但是最起码找到了问题出现再来哪里，通过什么方式来解决，mark一下。上线了一个小功能，里面有个拍照上传的功能，然后基本上所有人都没问题，而且试了各种androidd都没问题，就一个同事的苹果12有问题，而且可以100%复现，一直各种排查，网上参考了各种解决方案。最简单的复现页面（苹果手机打开10个以上app，把内存占用搞到90%以上）

LLM评估基准设计：从测试任务构建到评分体系

weixin_30781433的博客

04-30

455

大型语言模型(LLM)评估是衡量模型性能的关键环节，其核心在于构建科学有效的测试任务和评分体系。测试任务设计需要遵循竞赛级难度与真实场景覆盖相结合的原则，通过分层构造对抗性测试用例来准确识别模型能力边界。评分体系则采用多维度策略，如代码生成领域的pass@k和竞赛评级分，以及数学推理领域的严格格式验证。这些评估方法不仅能测试模型的原创解题能力，还能将其表现映射到人类专业水平。在工程实践中，标准化评估环境和工具链配置对结果可靠性至关重要。随着LLM在代码生成、数学推理等领域的深入应用，科学严谨的评估基准成为推

<input type="image"标签引发的页面提交！

zwj1030711290的CSDN

12-24

2109

最近遇到了一个问题，通过OPEN方式打开后一个窗口又关闭后，调用窗体总是自动提交。调了半天代码，试了几种情况，发现竟然是主要原因是使用了解决方法： 1、不使用 2、在onclick 事件中添加一段“;return false;”的脚本，如下：

<input type="image"> 和 <img> 用法区别

weixin_33896069的博客

01-05

485

w3c定义如下： Image <input type="image" /> 定义图像形式的提交按钮。必须把 src 属性和 alt 属性与 <input type="image"> 结合使用。 <input type="image" src="submit.gif" alt="Submit" /> 一般

HTML5 中的 input 元素的输入类型（type 属性的取值）

热门推荐

在到处之间找我

02-22

2万+

目录输入类型：text 输入类型：image 输入类型：reset 输入类型：password 输入类型：submit 输入类型：radio 输入类型：checkbox 输入类型：button 输入类型：hidden 输入类型：file HTML5输入类型输入类型：number 输入类型：date 输入类型：color 输入类型：range 输入类型：month...

jsp<input type="image" ...>和<img ...>的区别

cz_arel的专栏

09-10

743

当该标签在中时，在浏览器中点击显示的图片后，效果等同于submit，即表单提交，但用该标签显示的图片，图片名称中可包含中文字符。使用该标签时，以包含中文字符命名的图片不能正常显示。但可在图片上设置点击图片后的效果，如页面跳转或打开页面，window.open("....jsp");也可编写javascript脚本，设置点击后的动作效果。

input type=file 选择图片并且实现预览效果

adx5800963的博客

10-25

1049

通过<input />标签，给它指定type类型为file，可提供文件上传； accept：可选择上传类型，如：只要传图片，且不限制图片格式，为image/*； multiple：规定是否可以选择多个文件；规定只可上传图片，且可以选择多个文件 <input type="file" accept="image/*" multiple="multiple"/...

【第二章】HTML（二）——表格、表单标签

2501_94098081的博客

06-09

197

【第二章】HTML2——表格、表单标签

JS上传文件和预览（单张和多张）

tangcc的博客

05-22

3031

Section1单张上传和预览：思路：用<input type="file"/> 触发onchange事件，取出e.target.files || e.target.dataTransfer.files, 将其转为window.createObjectURL(file)有效的url 写入<img src=""/>的src中就可以预览了。然后将这个url用new FormDa...

JB2-7-HTML

周航宇的博客

06-06

1409

HTML结构（全局属性，实体符号），容器标签（p，div，blockquote，pre，section，article，aside，header，footer），文字标签（br，hr，span，h#，small，sup，sub，a），媒体标签（img，audio，video，figure），列表标签（ol，ul，dl），表格标签（table，tr，td，th，跨行，跨列，colgroup），表单标签（form，input，button，select，textarea）等。

HTML 基础

2302_77179144的博客

07-11

1101

本文介绍了HTML的基本结构和常见标签。HTML是超文本标记语言，通过标签描述网页内容。文章首先讲解HTML文件的基本结构，包括<html>、<head>、<body>等核心标签，以及自动生成的代码框架。然后详细介绍了多种常用标签：文本标签：标题标签h1-h6、段落标签p、换行标签br、格式化标签（加粗、倾斜等）多媒体标签：图片标签img及其属性超链接标签a及其属性特殊功能标签：注释标签、表格标签、表单标签等每个标签都配有示例代码和效果展示，便于理解HTML如何构建网页内容和结构。文章还提到标签间

XSS攻防实战：从触发标签到绕过与防御的完整指南

最新发布

深未来技术

07-01

891

跨站脚本攻击（XSS）是Web安全领域的核心威胁之一，其本质在于恶意脚本在用户浏览器中的非预期执行。攻击原理在于攻击者通过注入恶意代码，利用浏览器对HTML、CSS和JavaScript的解析机制，在特定上下文中触发执行。理解XSS的技术价值在于，它不仅是安全测试的常见靶点，更是构建安全前端架构的基石。在应用场景上，无论是代码审计、功能开发还是CTF竞赛，掌握XSS的触发与绕过逻辑都至关重要。本文聚焦于XSS攻击中常见的触发标签，如 `<img>`、`<svg>` 及其事件处理器属性，并深入解析如何通过编码

Js获取本地图片转base64并且显示出来

wxx314165038的博客

08-16

509

css部分 <input type="file" id="exampleInputFile"> <img id="img" /> js部分 var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { ...

大学生HTML期末大作业——HTML+CSS+JavaScript传统文化

...

06-11

4278

HTML+CSS+JS【传统文化】网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计

前端--Ajax &Axios

wyhwust的博客

05-09

684

我们前端页面中的数据，如下图所示的表格中的学生信息，应该来自于后台，那么我们的后台和前端是互不影响的2个程序，那么我们前端应该如何从后台获取数据呢？因为是2个程序，所以必须涉及到2个程序的交互，所以这就需要用到我们接下来学习的Ajax技术。Ajax: 全称Asynchronous JavaScript And XML，异步的JavaScript和XML。

全网最强JavaWeb笔记 | 万字长文爆肝JavaWeb开发——day03_Vue_Element

qq_45832461的博客

04-01

1800

从零构建XSS攻击平台：Flask实战Cookie窃取与会话劫持

Eric.Net的专栏

06-28

360

跨站脚本攻击（XSS）是一种常见的Web安全漏洞，其核心原理是攻击者能够将恶意脚本注入到网页中，并在其他用户的浏览器中执行。这种攻击的技术价值在于，它绕过了同源策略，使得攻击者能够窃取用户的敏感信息，如Cookie、会话令牌等，进而可能导致严重的会话劫持和身份伪造。在工程实践中，XSS常被用于构建攻击平台，实现数据的自动化收集与利用。应用场景广泛，从渗透测试到安全研究，都需要深入理解其利用链。本文以Flask框架为例，详细演示了如何搭建一个功能完整的XSS数据接收平台，并深入剖析了Cookie窃取与会话劫持

XSS练习小结

2501_93515620的博客

06-10

752

alert(1)</script>", ...}})Payload: <script>alert(1)