模板中图片按钮怎么设置重置功能 加入onclick="this.form.reset();"为什么不行

最新推荐文章于 2022-08-08 09:29:02 发布
最新推荐文章于 2022-08-08 09:29:02 发布
阅读量2.1k 收藏
点赞数
分类专栏： HTML5

用模板中的图片按钮“取消”，加入了

<input type="image" name="Submit2" src="images/zblogin_11.png" width="84" height="25" onClick="this.form.reset();""></td>

从上面可以看出来type是image，加入了onClick="this.form.reset();方法，却不好使，把上面的代码换成下面的就可以了

<input type="image" name="Submit2" src="images/zblogin_11.png" width="84" height="25" onClick="this.form.reset(); <span style="color:#FF0000;">return false;</span>""></td>
加入return false就是让让“提交”动作失效即可。


在此感谢无所不知的度娘。

原文：http://zhidao.baidu.com/link?url=Dbu2pYYIZBKmFmMPsVbx_hczASZ6p-HcQ1jDHcopZM_OdKEwddPYTUp3b8adfTe4--5f-pCCkjohmHxcZZJTYwolUd6drNRnyR5qa7-tWqe

jaray
关注
专栏目录
图片做提交按钮和重置按钮编程技术
05-15
在这两个示例中，我们通过设置`height`和`width`属性来调整图片按钮的大小。`align="absMiddle"`和`border="0"`则分别用于调整图片的对齐方式和移除边框。 3. **通过链接模拟重置按钮** - ```html <a href=...
HTML中的input type="reset"标签失效(不起作用)的可能原因。
09-22
这就是为什么在某些情况下，`reset`按钮看似失效的原因。如果你期望的是清空输入框的值，那么使用`reset`标签可能无法满足需求。 在需要清空输入框值的情况下，可以考虑使用`<button>`标签替代`<input type="reset...
JQuery ----Reset()方法
热门推荐
zhvsby的专栏
09-23 2万+
$(document).ready(function() {    // use this to reset a single form    $("#reset").click(function() {     $("#form")[0].reset();    });   });这个代码选择了所有ID为"form"的元素，并在其第一个上call了一个reset()。如果你有一个以上的form，你可以这样做：     $(document).ready(function() {    // use thi
form.reset() 的真正作用，并不是清空所有输入栏
学习笔记
03-11 8168
form.reset() 的真正作用，并不是清空所有输入栏 form 有个方法是 reset()，作用不是清空 &lt;form&gt; 标签中的所有输入栏，而是回到上一次载入页面时的状态。 看例子： &lt;form id="input-form"&gt; &lt;input type="text"&gt; &lt;input type="text"&gt;
jsp中执行onclick会刷新一次页面的问题
LTY_Sun的博客
01-31 684
&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d
jQuery重置表单2
weixin_30393907的博客
05-28 300
方法1：$('#myform')[0].reset()方法2： How to .reset() form with jQuery Such jQuery call won’t work: 1 2 $('#formId').reset(); // error: $("#formId").reset() is not a function ...
JavaScript实现重置表单（reset）的方法
10-24
3. 为了能够触发这个函数，我们在HTML中定义了一个按钮，并通过onclick事件处理器将按钮的点击事件与formReset函数关联起来。当用户点击“Reset form”按钮时，JavaScript将执行formReset函数，从而实现重置表单的...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> </head> <body> <form id="enroll"> <h1>注册账号</h1><br><br> <label for="name">名 字：</label><input type="text" id="name" value="" ><br><br> <label for="mail">邮 箱：</label><input type="text" id="mail" value=""><br><br> <label for="password1">密 码：</label><input type="text" id="password1" value=""><br><br> <label for="password2">确认密码：</label><input type="text" id="password2" value=""><br><br> <button type="reset" value="重置">重置</button> <button type="button" value="提交" onclick="namejudge(username,usermail,userpass1,userpass2)" >提交</button> <script> var username = document.getElementById('name').value; var usermail = document.getElementById('mail').value; var userpass1 = document.getElementById('password1').value; var userpass2 = document.getElementById('password2').value; function namejudge(username,usermail,userpass1,userpass2) { if (username===''||userpass1===''||usermail===''||userpass2===''){alert('用户信息不能为空')} else{alert(username+usermail+userpass1+userpass2)} } </script> </form> </body> </html>这段代码为什么不能在浏览器中打印我输入的用户信息
最新发布
05-25
这段代码不能在浏览器中打印用户输入的信息，因为在你定义变量 username、usermail、userpass1 和 userpass2 时，它们的值为空字符串。这是因为你在页面加载时就将这些输入框的值获取了，此时输入框还没有内容，所以...
JSP 重置按钮清空传入的表单数据实例
10-25
在本例中，使用jQuery来实现重置按钮的功能，具体方法是通过jQuery的选择器和方法链来清空表单中所有输入字段的值。我们来看一下具体的实现方式。 在代码参考中，`$(':input','#myform')` 这部分是通过jQuery选择器...
html的reset按钮的作用简单介绍
weixin_34228387的博客
03-01 2026
本章节介绍reset按钮的作用，希望能够给初学者带来一定的帮助。 很多人认为reset按钮会将表单元素的值清空，情况真的是这样的吗，下面就做一下介绍。 reset翻译成汉语有"重置"的意思，并没有"清空"的意思，所以此按钮的作用是将表单元素的值重置为默认值。 代码如下: 01 02 03 04 05 06 07 08 09 10 11 12...
html onclick 重置,如何在执行onclick之后重置旋转并使其称为增益
weixin_39530833的博客
06-03 127
我有一个旋转的箭头图像。点击后，它会刷新验证码。我用一个短的CSS定义了它，并在单击时调用了旋转功能。这些是CSS，HTML和Javascript：function rotatearrow() {arrowreload.style.webkitTransform = 'rotate(360deg)';arrowreload.style.MozTransform = 'rotate(360deg)...
angular6表单验证，清空校验提示
sujing0723的博客
04-21 2698
在动态验证表单时候设置为必填，如果没有点击提交，再次点开form表单的校验提示信息还在。 方法1 this.userForm.get('name').setValidators(null); //不进行校验 方法2 this.userForm.get('name').clearValidators(); //清空name的校验 方法3 this.userForm.reset();...
关于form的reset()方法
just_coming_here的博客
11-03 8042
官方的解释是，reset() 方法可把表单中的元素重置为它们的默认值。 那么问题来了，当你的表单元素如下 当你修改这个表单的时候，即使把testValue修改了，你使用reset的时候它会变回来，而上面的username和password的内容都会为空。 它恢复了id=test 的i
view Ui 里的from表单重置问题 this.$refs.form.resetFields
weixin_56115652的博客
08-08 1170
view ui 组件中,from表单提交 resetField方法
JavaScript实现重置reset()的方法
前端技术的学习整理
05-02 1万+
js实现reset（）的方法：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;script&gt;function formReset(){document.getElementById("frm1").reset();}&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;p&
onclick事件 和jQuery 事件 - click() 方法
霖霂晗的专栏
08-19 2495
onclick事件 jQuery 事件 - click() 方法
el-form表单重置resetForm()不生效问题
qfCSDN的博客
09-27 7691
字段不清空 或者完全没效果 检查： el-form 是否绑定model,带有ref,并且绑定的是同一数组。 <el-form :rules="rules" ref="form" :model="form"> el-form-item绑定prop <el-form-item label="商品状态" prop="enabled"> <el-radio-group v-model="form.enabled"> <el
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值