`
crystalwiner
  • 浏览: 90543 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

图片表单提交

    博客分类:
  • php
PHP 
阅读更多
很多情况下为了美化表单都会把提交按钮改成用一个图片来代替。
图片提交的方法有两种:

方法一:
<form id="form0" name="form0" action="<?php echo $url;?>" method="post">
<input name="name" />
<input type="image" src="aa.gif" name="imagesubmit" />
</form>


说明:
“<input type="image">”其实和“<input type="SUBMIT">”起到的作用是相同的,一点那个图片就会执行submit()操作。

方法二:
<form id="form0" name="form0" action="<?php echo $url;?>" method="post">
<input name="name" />
<img onclick="document.loginform.submit()" src="aa.gif" name="imagesubmit" />
</form>


说明:
采用onclick事件,可以用<img>来替代<input type="image">

PS:如果在方法一上再加个onclick事件,那么就会存在重复提交的问题,慎用
分享到:
评论

相关推荐

    jquery textarea插入gif动态QQ表情图片表单提交

    至于表单提交,当用户完成输入并点击提交按钮时,需要获取textarea的值,包括插入的表情。由于表达式是自定义的字符串,服务器端需要解析这些字符串来显示对应的gif图片。例如,在PHP中,可以这样做: ```php $...

    php curl模仿form表单提交图片或文件

    在PHP开发中,有时我们需要模拟用户通过HTML表单提交数据,包括文件和图片。`cURL`库提供了一个强大的功能,允许我们实现这样的任务。在本文中,我们将深入探讨如何使用PHP的cURL库来模仿form表单提交,特别是提交...

    layui 图片上传+表单提交+ Spring MVC的实例

    在本实例中,我们主要探讨了如何利用Layui库进行图片上传,同时结合表单提交和Spring MVC框架实现后端处理。Layui是一个轻量级的前端组件库,提供了丰富的UI组件,包括上传功能。以下是具体的知识点: 1. **Layui...

    ajax提交form表单和上传图片

    通过以上步骤,你可以实现一个高效、友好的Ajax表单提交和图片上传功能。这种方法不仅提高了用户体验,也使得前后端的交互更为顺畅。在实际项目中,还可以根据需求添加错误处理和进度条显示等功能,以提升用户体验。

    ajaxForm异步提交表单(含图片)

    AjaxForm是jQuery Form Plugin的一个功能,用于实现异步表单提交,特别是处理包含图片在内的复杂数据。本文将深入探讨如何使用ajaxForm进行异步表单提交。 首先,让我们了解什么是Ajax。AJAX(Asynchronous ...

    libcurl 提交post表单数据 上传图片 demo

    在本教程中,我们将探讨如何利用libcurl库在C/C++程序中实现POST方法来提交表单数据并上传图片。这个过程涉及到几个关键步骤,包括初始化libcurl会话、设置请求选项、构建POST数据以及处理响应。 首先,你需要包含...

    VC 构造http协议数据的post上传图片类(MFC环境 带编码转换)模拟表单提交

    在本文中,我们将深入探讨如何在VC++ MFC环境下构建一个HTTP协议数据的POST上传图片类,同时模拟表单提交。这个过程涉及到的关键技术包括HTTP POST请求、编码转换以及MFC类库的使用。 首先,我们需要理解HTTP POST...

    html5手机页面选择相册图片上传表单提交

    "html5手机页面选择相册图片上传表单提交"是移动Web开发中的一个重要功能,它允许用户直接从手机相册中选取图片并提交到服务器,极大地简化了用户操作流程。 一、HTML5的新特性:File API HTML5引入了File API,这...

    KindEditor 4.1.11 完整图片上传 表单提交Demo

    在这个"完整图片上传 表单提交Demo"中,我们主要关注的是如何在Java环境下,特别是在SpringBoot项目中,集成并实现这些功能。 1. **KindEditor简介**: KindEditor是一款基于JavaScript的富文本编辑器,提供了一套...

    表单提交到邮箱

    在IT行业中,表单提交是Web应用中常见的一种交互方式,它允许用户输入数据并将其发送到服务器进行处理。在本例中,我们将探讨如何利用ASP(Active Server Pages)和JMail组件来实现表单数据的提交,将其直接发送到...

    HTML5手机身份证上传表单提交代码.zip

    HTML5手机身份证上传表单提交代码是针对移动设备优化的一项技术,它允许用户在网页上方便地上传身份证图片,并进行表单提交。这项技术主要基于HTML5的新特性,包括File API、FormData对象以及Canvas等,使得在手机端...

    二维码扫描 表单提交(支持多文件)

    在IT行业中,二维码扫描与表单提交是常见的交互方式,特别是在移动应用开发中。这个压缩包文件名为"pork.rar"和"TestUpload.rar",很显然,它包含了一个客户端和服务器端的完整实现,允许用户通过二维码扫描来提交...

    表单提交系统

    【表单提交系统】是一种常见的Web应用程序,它允许用户通过网页向服务器传递数据。这个系统通常用于各种功能,如留言、信息收集、报名表格等,是互联网上互动性的重要组成部分。在提供的文件列表中,我们可以看到...

    表单提交代码

    在IT领域,表单提交是Web开发中的一个关键部分,用于收集用户输入的数据并将其发送到服务器进行处理。本文将详细讲解与"表单提交代码"相关的知识点,包括密码和验证码验证以及JavaScript(js)的应用。 一、表单...

    异步表单提交插件jquery-form.js

    异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!

    二维码扫描 表单提交(支持多文件)(更新)

    在本话题中,我们将重点讨论如何实现二维码扫描与表单提交功能,并支持多文件上传。 首先,二维码扫描通常涉及以下技术栈: 1. **二维码库**:如ZXing(Zebra Crossing)或QRCode.NET,它们提供了读取和生成二维码...

    表单自动填写,网页自动提交工具

    5、支持按钮提交、表单提交以及自定义脚本提交。 6、批量导入相似页面,实现顺序提交或随机提交 7、实现网页整体监控、HTML元素监控、源代码监控。 8、多种报警处理方式:声音报警、弹窗报警、触发新任务或第三方...

    asp无组件图片上传--可获取表单提交数据

    我上传的是一个留言板的实例,数据库...表单处理为submit.asp;外用类upload_5xsoft.inc处理图片上传; upload_5xsoft.inc 这个类集成了图片上传功能,同时可以限制上传类型; 最重要的是还可以获取表单控件的内容

    iOSform表单上传图片文件

    在iOS开发中,表单上传图片文件是一项常见的任务,特别是在构建交互式的移动应用时。`iOSform表单上传图片文件`这个主题涉及到的主要知识点包括:使用表单收集用户数据、处理图片数据、网络请求以及使用第三方库如`...

    express表单提交图片到腾讯云平台

    通过表单把图片提交到express框架,express框架把图片提交到腾讯云平台,腾讯云平台把图片保存后,返回图片的地址。需要填写 SecretId和SecretKey,自己在腾讯云平台上面创建,写成自己的哈!

Global site tag (gtag.js) - Google Analytics