html 如何使input type = "image" 不提交表单

最新推荐文章于 2024-07-31 10:49:11 发布
最新推荐文章于 2024-07-31 10:49:11 发布
阅读量1.7k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： image input html action
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yinke11111/article/details/5820202
本文解决了一个小问题：当单击<input type='image'>时，默认行为会导致页面提交。通过在包含该输入元素的表单上使用onsubmit属性并设置为return false;可以防止这种默认行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天遇到个小问题，单击<input type='image'>的时候会伴随着页面提交。
在form 处,加上onsubmit="return false;"
如:<form name="form1" action="" method="post" onsubmit="return false;">

不简单
关注
uni-app 实现input:type=file 上传,并实现表单提交
会飞的咕咕鱼的博客
07-27 1万+
问题描述 最近在做一个把现有app转成H5的项目，关于上传图片的功能，服务端并未提供上传文件接口。且保存接口需要上传文件与其他信息通过表单提交。表单提交简单我们前端提交formData数据就好了，但是这个上传就有点鸡肋了，uni-app的input type有效值只有4个（text,number,idcard,digit）,这就决定了uni-app 官方提供的上传api是无法满足当前场景的。 解决步骤 1.页面渲染完毕后，动态创建一个input：type=file的DOM元素 2.提交时，new一个
使用type 为image的图片，但不提交form的解决办法。
weixin_33895695的博客
02-02 459
这是个小的细节，出现过两次这样的错误，特此记录下。 如下图示，如果使用如下代码： <inputtype="image"src="<%=basePath%>images/tianjia.gif"/> <inputtype="image"onclick="javascript:history.go(-1...
image 不提交表单
T240178168的博客
03-06 242
[size=large]默认input的type为image或者submit都会提交的。 这样就会取消点击触发的默认事件 [/size]
<input type="image"标签引发的页面提交！
zwj1030711290的优快云
12-24 2061
最近遇到了一个问题，通过OPEN方式打开后一个窗口又关闭后，调用窗体总是自动提交。   调了半天代码，试了几种情况，发现竟然是   主要原因是使用了   解决方法： 1、不使用 2、在onclick 事件中添加一段“;return false;”的脚本，如下：
html中input中image,input type=image, HTML元素
weixin_39567222的博客
06-20 636
定义创建一个图像控件，该控件被点击后将导致表单立即被提交。Creates an image control that, when clicked, causes the form to be immediately submitted.注释x 坐标将以控件名称后加 .x 提交，y 坐标将以控件名称后加 .y 提交。任何 value 属性都将被忽略。src 属性指定了 IMG 元素。从Intern...
html input type image,<input type="image">
weixin_39557402的博客
06-17 2720
elements of type image are used to create graphical submit buttons, i.e. submit buttons that take the form of an image rather than text.None — the value attribute should not be specified.EventsNone.I...
HTML input type=file文件选择表单元素.docx
11-22
HTML input type=file 文件选择表单元素 一、input type=file 文件选择表单元素 input type=file 是 HTML 中的一种表单元素，用于选择文件并上传到服务器。HTML5 之前的 input type=file 元素只能一次上传一张图片...
form的OnSubmit和input type=image使用介绍
12-11
如果有OnSubmit会先执行这个函数，如果返回false则不提交表单！ 复制代码代码如下: <span xss=removed>[removed] function test() { alert(“测试!”) } [removed] <form name=”F1″ onSubmit=”fuck()...
input type=file 调取手机照相机和选择照片上传
12-17
首先，`<input type="file">` 是HTML中的一个表单元素，它的主要作用是让用户选择本地文件。在默认情况下，点击这个元素会打开一个文件浏览器对话框，让用户从他们的计算机中选取文件。但在移动设备上，特别是安装了...
如何让<input type='image'的类型不产生提交动作
llying
03-12 176
这个问题时朋友在QQ上问我的。 以前还真没有这么用过 不过试了一下 发现真的很简单 [code="java"] [/code] 只要onclick=“return false；” 就ok了~！
INPUT type=image 自动提交表单
iteye_8557的博客
03-31 228
today when i write the system logon code,i write the code like :   &lt;input type="image" tabindex="4" name="imageField" id="imageField"        src="&lt;%=baseURL %&gt;/css/style/HCS_Style/image/HCS_
input的值提交不上
cristianoxm的博客
02-27 568
原因1： input设置为disabled，表单无法提交到后台 将disabled=”disabled” 改为 readonly = “readonly” 即可 按照W3C的规范： 设置为disabled的input将会有下面的限制： 不能接收焦点 使用tab键时将被跳过 可能不是successful的 设置为readonly的input将会有下面的限制： 可以接收焦点但不能被修改 可以使用...
Html： 阻止表单数据提交的几种方式
netyeaxi的专栏
07-10 6559
原文：HTML禁止表单提交方法 https://blog.youkuaiyun.com/qq_43529877/article/details/84960470 有时在点击提交按钮时不希望提交form表单，所以在写提交按钮时应该注意以下几点： <form name="form1" method="post" action="" > <table width="50%" bor...
form 表单 某个 input的值 不提交 怎么写
qq_42682302的博客
12-23 3380
学习使用在form表单内设置button按钮不提交
最新发布
徊忆羽菲
07-31 914
要使form内的button不提交表单，可以在button元素上使用type="button"属性。这样，点击按钮时，不会触发表单的提交行为。
html中form表单提交和阻止表单提交的细节
一只苟延残喘的卑微蝼蚁
08-07 2678
如何阻止表单提交 HTML禁止表单提交方法 源代码如下： form2.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单提交知识点</title> <link rel="stylesheet" type="text/css" href="../css/body.css" /> &l
type=image 提交机制
whui0110的专栏
08-08 212
image不用写onclick事件，image按钮会自动触发提交当前控件所在的表单,如果在onclick上加上提交代码，表单会提交两次。或者可以用type="button"，加上css样式控制背景图片是type=image的图片，这样也会提交一次。...
input type=image的作用
04-10
"input type=image" 是一种 HTML 输入元素，允许用户通过点击一张图片来提交表单数据。当用户单击图像时，表单将以与提交按钮相同的方式提交。例如，当用于提交搜索表单时，单击图像将提交搜索查询。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值