image的onclick()不提交表单

最新推荐文章于 2022-05-10 14:22:47 发布
原创 最新推荐文章于 2022-05-10 14:22:47 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了HTML中图片输入元素的使用方法及属性设置，通过具体实例展示了如何利用`type=image`创建交互式按钮，并结合JavaScript实现点击事件的功能。



<input   type="image"  src="./images/1.jsp"   onclick="ee();return false;"  />

用image来提交form不想使用button提交form
09-28
标题中的"用image来提交form不想使用button提交form"指的是利用HTML的`<input type="image">`特性来代替`<button>`标签完成表单的提交功能。下面详细介绍这一方法： 1. **直接使用 `<input type="image">`**： 这...
图片按钮提交与表单重复提交问题探讨
09-22
type="image" src="login.gif" name="imagesubmit"/>`，这段代码通过`onclick`事件调用了表单的`submit()`方法，导致点击图片按钮时不仅会自动提交表单，还会额外执行一次`submit()`方法，从而引起表单的重复提交。...
image onclick
weixin_34194379的博客
07-09 327
onclick="this.src+='?rand='+Math.random();" style="cursor: pointer; vertical-align: middle;" onclick="this.src='../Handler/ValCode.ashx?'+Math.random()" 转载于:https://www.cnblogs.com/zwei1121/p/383...
html input标签 image的onclick时间用法,用htmlunit拿到的htmlImage元素，调用click事件不能触发元素的onclick事件...
weixin_32965939的博客
06-08 327
String url = "xx.jsp";WebClient wc = new WebClient(BrowserVersion.CHROME);wc.getCookieManager().setCookiesEnabled(true);wc.setAjaxController(new NicelyResynchronizingAjaxController());WebRequest reque...
java怎么让表单不提交,HTML按钮不提交表单
weixin_32429413的博客
03-15 196
我有一个表格。 在该表格之外，我有一个按钮。 一个简单的按钮，如下所示：My Button不过，当我单击它时，它将提交表单。 这是代码：My Button该按钮应该做的就是编写一些JavaScript。 但是，即使看起来像上面的代码一样，它也会提交表单。 当我将标签按钮更改为跨度时，它可以正常工作。 但不幸的是，它必须是一个按钮。 有什么方法可以阻止该按钮提交表单？ 像例如My Button#1楼...
给图片加入onclick方法
专研、勤奋
04-09 2414
写道 &lt;img src="../images/Picture21.png" id="imgSSAFile" name="imgSSAFile" onclick="window.open('../common/uploads/#SSA_FL_NM#');" style="cursor:pointer;" /&gt;  
如何阻止表单的自动提交 - onclick - onsubmit - return true / false；
Muxiu
05-10 1368
目录表单的默认提交理解 onclick 和 onsubmit 参数的先后顺序补充： 表单的默认提交 一般，后台程序员与表单打交道的时间是最多的 最近学习Html 表单的提交验证，没想到运行时，都会给我自动提交，这真是难为我了，查了一下，原来是onclick/onsubmit方法的机制问题，我们看似正常传递了函数，用来验证提交是否有问题，如账号或密码是空的验证操作，就不提交表单了。 具体看一下html代码： <!-- 表单配置 --> <form action="/index/" met
html表单的几种提交方式总结
09-28
除了常规的submit按钮，还可以使用`<input type="image">`创建一个图像提交按钮。这种类型的按钮会发送两个额外的隐藏字段，`x`和`y`，表示用户点击图像的位置。例如： ```html <input type="image" name=...
巧用js提交表单轻松解决一个页面有多个提交按钮
10-26
`onclick`事件将按钮的`this`（即按钮元素本身）传递给`check`函数，以便函数内部可以根据按钮的具体`value`值来决定如何设置表单的`action`属性，进而影响表单的提交行为。 需要注意的是，在使用DWR时，由于DWR...
用IMAGE做提交按钮
为了忘却的专栏
03-07 1477
无意中看到TYPE="IMAGE"的属性，是以图片作为提交按钮，于是在thinkphp中试了一下： Insert title here 用户名 <input TYPE="text" NAME="first_name" MAXLENGTH=25 SIZE=15> 密码 <input TYPE="password" NAME="last_n
image点击事件
ouyangruo的博客
12-05 1099
右键UI->image,，然后在inspector面板里面可以按爱好改变属性 在inspector里面添加add component中的event trigger，如图： 便可达到点击的效果
给img添加onclick属性
weixin_33851429的博客
10-27 4434
Code<scripttype="text/javascript"language="javascript">functionDrawImage(ImgD){varimgWidth=ImgD.width;varimgHeight=ImgD.height;if(ImgD.width>830)...
Button与ImageButton的点击监听事件-onClick
恒路君丶
10-05 7010
Button与ImageButton自身都有一个onClick点击事件，通过自身的.setOnClickListener(OnClickListener)的方法添加点击事件。 所有控件都有一个OnClick事件。通过点击事件的监听可以实现点击后发生什么动作。 监听事件实现的几种方法： 1.匿名内部类 2.独立类的实现 3.接口的形式实现  一、匿名内部类的实现Button监听事件 1...
如果按钮不是表单的提交按钮是什么意思
最新发布
09-25
在网页编程中，按钮不是表单的提交按钮意味着该按钮不会触发表单的默认提交行为。通常，表单的提交按钮是通过将 `<input>` 或 `<button>` 元素的 `type` 属性设置为 `"submit"` 来定义的，或者使用 `<input type="image">` 作为图像提交按钮。当用户点击这些提交按钮时，表单数据会被收集并发送到服务器，同时浏览器会触发 `submit` 事件[^1]。 而不是表单提交按钮的按钮，其 `type` 属性通常设置为 `"button"` 或不设置（默认类型为 `"submit"`，但在 HTML5 中，`<button>` 元素默认类型为 `"submit"`，而 `<input>` 元素默认类型为 `"text"`）。这种按钮可以用于执行自定义的 JavaScript 代码，如验证表单数据、执行特定的操作或跳转页面，但不会自动提交表单。 以下是一个示例，展示了表单提交按钮和非表单提交按钮的区别： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单按钮示例</title> </head> <body> <form action="#" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"> <!-- 表单提交按钮 --> <input type="submit" value="提交表单"> <!-- 非表单提交按钮 --> <button type="button" onclick="alert('这是一个自定义按钮')">自定义按钮</button> </form> </body> </html> ``` 在上述示例中，`type="submit"` 的 `<input>` 元素是表单提交按钮，点击它会提交表单；而 `type="button"` 的 `<button>` 元素是自定义按钮，点击它只会弹出一个警告框，不会提交表单。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值