`

图片按钮提交问题解决方法 input image

阅读更多

function check(){
if(errMsg==""){
frm.action="send.jsp?event=send";
frm.submit();
}
return false;
}

<input type="image" src="../images/btn_kakunin.jpg" alt="送信内容確認" onClick="check();" width="165" height="41" border="0" />

用图片作提交按钮的时候,每点击一次就会提交一次,用脚本验证后出现的提示错误也不在了;这时候必须这样写:

<input type="image" src="../images/btn_kakunin.jpg" alt="送信内容確認" onClick="return check();" width="165" height="41" border="0" />

注意:只在 onClick="return check();" 这个代码中多写了个return .当然验证后.出错要返回false才不会被提交.

如果通过脚本验证并且是提交到本页面时,在函数的最后一行也要写return false;否则就会出现重复提交的现象.也就是说,表单被提交了两次.经过测试frm.submit();提交语句执行后,还是要执行return false;这个为什么,还没搞懂,明白的人告诉一下,谢谢!!!

答案已经找到

原因::HTML 中 image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交”。

2.<img src=http://www.zxbc.cn/html/20081031/"xxx.gif" onclick="return dosubmit();">
这种方式提交是正常的没有问题,

分享到:
评论

相关推荐

    把图片做成input提交按钮

    ### 把图片做成input提交按钮 在Web开发中,为了提升用户体验及美观度,开发者常常会采用各种方式来定制表单元素的外观。其中一种常见的做法是将普通的文本提交按钮替换为图片形式的按钮。这种方式不仅可以使界面...

    图片做提交按钮和重置按钮编程技术

    本文将详细介绍如何利用图片作为提交按钮和重置按钮,并探讨其实现方法及其背后的编程原理。 #### 二、基础知识 在HTML中,提交按钮和重置按钮通常通过`&lt;input&gt;`标签来创建。默认情况下,它们分别由"type=submit"和...

    html实现图片按钮的两种简单方法

    在这个例子中,`type="image"`属性定义了这是一个图像提交按钮,`src`属性指定图片源路径,`alt`属性提供按钮的替代文本,而`width`和`height`用于设置图片尺寸。 方法二:使用`&lt;button&gt;`标签配合`&lt;img&gt;`标签 另一...

    一张图片分割,用input框形成按钮

    这里提到的"一张图片分割,用input框形成按钮"的技术,实际上是一种利用HTML图像映射(Image Maps)的方法,它允许我们将一张图片的不同区域定义为可点击的链接或按钮。这种方法在早期网页设计中较为常见,因为CSS和...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?...input type=”IMAGE” src=”style/blue/images/but

    图片按钮提交与表单重复提交问题探讨

    在上述文档中提到的代码`&lt;input onclick="document.loginform.submit()" type="image" src="login.gif" name="imagesubmit"/&gt;`,这段代码通过`onclick`事件调用了表单的`submit()`方法,导致点击图片按钮时不仅会...

    html提交图片

    在 HTML 中,可以使用 `&lt;input type="image"&gt;` 标签来创建图片提交按钮。例如: ```html &lt;INPUT type="image" height="19" width="53" src="xxx.gif" align="absMiddle" border="0" name="RedImg" onclick="this....

    IT行业开发必备的 图片按钮

    - **HTML/CSS**:使用HTML的`&lt;button&gt;`或`&lt;input type="image"&gt;`标签配合CSS样式来创建图片按钮。 - **JavaScript**:通过JavaScript可以添加动态效果,如动画、事件监听等。 - **框架与库**:React、Vue、...

    input文本框里面显示小图片

    虽然这通常用于创建提交按钮,但也可以用作图片输入框。不过,这种方式实际上创建的是一个按钮,而不是传统的文本输入框。 3. **利用HTML和JavaScript**: 另一个方法是创建一个包含`&lt;input&gt;`和`&lt;img&gt;`标签的结构...

    图片转换按钮

    HTML中的`&lt;input&gt;`标签允许我们创建各种类型的输入控件,其中`type="image"`可以将图片设置为提交按钮。例如: ``` &lt;input type="image" src="images/00.jpg" NAME="foo"&gt; ``` 这里的`src`属性定义了图片的源...

    用image来提交form不想使用button提交form.docx

    您可以通过将`&lt;input type="image"&gt;`标签作为提交按钮来实现。例如: ```html &lt;!-- 表单内容 --&gt; &lt;input type="image" src="submit_button.png" alt="Submit" name="submit"&gt; ``` 这里的`&lt;input type=...

    js实现按钮加背景图片常用方法

    这种方法是直接使用`&lt;input type="image"&gt;`标签,将图片作为按钮。这种方式适用于按钮本身就是图片的情况。代码如下: ```html &lt;input name="submit" type="image" value=" " src="jb51.jpg"&gt; ``` 这样,按钮的...

    图片型按钮的写法.rar

    在表单中,图片型按钮可以作为提交、重置或链接操作。例如: ```html &lt;img src="submit-image.png" alt="提交"&gt; ``` 此时,`&lt;button&gt;`的`type="submit"`属性表示点击按钮会提交表单数据。如果需要阻止默认...

    如何使用图片按钮作为重置(reset)表单按钮

    我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)...

    h5上传压缩图片Image.rar

    实际应用中,可能还需要考虑错误处理、多图片上传、兼容性等问题。记得在服务器端设置正确的接收方式,比如使用Node.js的Multer库处理multipart/form-data格式的数据。完成这些步骤后,用户就可以在H5应用中轻松地上...

    HTML input type=file文件选择表单元素.docx

    file input 框的自定义是一个棘手的问题。可以使用 label 元素与 file 控件关联,或者使用 CSS 来隐藏 file 元素,然后用一个好看的按钮来代替 file 元素。 七、accept 属性的作用 accept 属性可以用来指定浏览器...

    input 标签的属性

    图像按钮允许使用图片作为按钮。 - **type**: 设置为"image"表示这是一个图像按钮。 - **src**: 指定按钮图像的路径。 **示例代码**: ```html 图像按钮: &lt;input type="image" src="../b.jpg"&gt; ``` ### 三、...

    使用HTML开发商业网站-表单控件-input课件.pptx

    6. **提交按钮 (submit)**: `&lt;input type="submit"&gt;` 用于提交表单数据到服务器。用户点击后,表单数据会被发送到指定的URL。 示例: ```html &lt;input type="submit" value="提交"&gt; ``` 7. **重置按钮 (reset)**...

    input资源的格式

    允许用户选择文件上传,常用于提交文档、图片等。 - **属性介绍** - `name`: 输入框的名称,用于标识上传的文件。 - `size`: 设置文件选择器的宽度。 **示例代码:** ```html your file: &lt;input type="file" ...

    INPUT的TYPE用法

    `type="image"` - 图像提交按钮 `type="image"`创建一个图像作为提交按钮,点击图像的不同部分可以发送不同的坐标位置。 ### 9. `type="submit"` 和 `type="reset"` - 提交和重置按钮 `type="submit"`创建一个...

Global site tag (gtag.js) - Google Analytics