利用图片提交表单有两种方式:
1.<input type="image" src="xxx.gif" >
此图片会自动对Form表单进行提交,即为type="submit" 若提交前要进行判断、检验则用
<input type="image" src="xxx.gif" onclick="return dosubmit();">
但是用这种方式提交会发生表单提交两次的现象,经常会造成表单元素被重复提交,数据库被写入异常!!
尤其是用IE问题比较严重,用火狐的话还不会报错!此时注意,要把数据库设置为同一信息要唯一!
原因::HTML 中 image的描述是“创建一个图像控件,该控件单击后将导致表单立即被提交”。
2.<img alt="提交" src="xxx.gif" onclick="return dosubmit();" style="cursor:pointer;">
这种方式提交是正常的没有问题, 效果和上面是一样的。所以,请少用第一种方式提交数据尤其是在struts的应用中
注意:css: cursor:hand只能被IE识别,火狐是不能识别的。而pointer则可以兼容!
注!无论哪种方式提交都在包含在<form></form>之间,否则,提交无效
分享到:
相关推荐
总结,"html5手机页面选择相册图片上传表单提交"涉及HTML5的新特性,如File API、`<input type="file">`控件以及图片预览和上传机制。通过这些技术,开发者可以构建出更友好的移动端图片上传功能,同时需要注意安全...
在网页设计中,有时我们希望使用更具视觉吸引力的元素,比如图像(Image)来替代传统的按钮(Button)作为表单的提交方式。标题和描述提到的问题是如何使用图像提交表单而不触发双重提交的问题。双重提交可能导致...
### 把图片做成input提交按钮 在Web开发中,为了提升用户体验及美观度,开发者常常会采用各种方式来定制表单元素的外观。其中一种常见的做法是将普通的文本提交按钮替换为图片形式的按钮。这种方式不仅可以使界面...
在 HTML 中,可以使用 `<input type="image">` 标签来创建图片提交按钮。例如: ```html <INPUT type="image" height="19" width="53" src="xxx.gif" align="absMiddle" border="0" name="RedImg" onclick="this....
这些图片可以通过CSS的`background-image`属性添加到元素中,或者使用`<img>`标签插入。 总的来说,这个项目展示了如何结合HTML5的表单验证功能和CSS3的样式与动画效果,创建一个既美观又实用的表单。这种验证方式...
首先,`<input>`标签是HTML中用于创建表单元素的,通常用于获取用户输入的数据。但是,原生的`<input>`标签并不支持直接在其中嵌入图像。为了在`input`文本框内显示小图片,我们需要采用一些变通的方法。 1. **CSS...
首先,我们需要理解HTML中的`<input>`标签,它通常用于创建表单中的各种类型的输入控件。在本例中,我们关注的是type属性为"button"的`<input>`元素,这会创建一个可点击的按钮。例如: ```html <input type=...
4. **图标与图像**:在 `images` 文件夹中,可能包含与表单相关的图标,可以使用 `background-image` 或 `<img>` 标签添加,提升表单的视觉效果。 5. **JavaScript增强**: - **验证**:通过 JavaScript,我们可以...
1. **文件上传表单**:在HTML中,需要一个包含`<input type="file">`的表单来让用户选择本地文件。`enctype="multipart/form-data"`属性必须设置,以便正确地发送二进制文件数据。 2. **PHP的$_FILES全局变量**:当...
首先,我们要理解HTML中的`<input type="file">`标签,它是用来让用户选择本地文件的。当我们设置`<input type="file" accept="image/*">`时,用户只能选择图像文件。为了让用户在选择图片后能立即预览,我们需要...
这些图片通常会通过CSS的`background-image`属性引用,或者作为`<img>`标签的源文件,为表单增加视觉吸引力。 综上所述,这个资源提供了一套完整的解决方案,让开发者能够用纯JavaScript和CSS自定义表单控件,从而...
在CSS(层叠样式表)中,我们可以为表单和预览区域添加一些基本样式,以确保布局清晰易读。 ```css #preview-image { width: 200px; height: auto; } ``` 接下来,我们将使用jQuery来监听文件输入元素的`change`...
`<input type="image">`创建图像提交按钮,点击后会发送表单数据。 6. **交互设计**:验证码功能是防止自动脚本或机器人提交的一种安全机制,用户需要正确输入显示的验证码才能继续操作。此外,表单中的单选按钮让...
此外,文档提到了表单提交的两种主要方式,一种是直接使用`<input type="image">`,另一种是使用`<img>`标签替代`<input type="image">`。`<img>`标签虽然在视觉上可以替代图片按钮,但它本身不具有提交表单的功能。...
<input type="file" id="imgInput" accept="image/*" capture> ``` 为了支持拍照功能,可以添加`capture`属性,让用户可以选择相机作为源。同时,我们还需要一个按钮触发文件选择,例如: ```html 上传图片 ``` ...
在HTML中,提交按钮和重置按钮通常通过`<input>`标签来创建。默认情况下,它们分别由"type=submit"和"type=reset"定义。然而,当我们将图片作为按钮时,需要使用"type=image"来指定这些按钮。此外,我们还需要添加...
我们可以使用 form 元素,input 元素和 button 元素来创建表单。 HTML 代码示例: ```html 用户名: <input type="text" id="username" name="username"> <br> 密码: <input type="password" id=...
标题中的"用image来提交form不想使用button提交form"指的是利用HTML的`<input type="image">`特性来代替`<button>`标签完成表单的提交功能。下面详细介绍这一方法: 1. **直接使用 `<input type="image">`**: 这...
在JavaScript(js)开发中,图片上传预览功能是一个常见的需求,特别是在网页表单或社交媒体应用中。这个名为"ImagePreview"的小程序旨在提供一个跨浏览器的解决方案,它不仅兼容Internet Explorer(IE)和Firefox,...