html 标签: image也能提交form!

!!


image也能提交form

先前常常使用“<input type="submit" value="input_submit"/>” 来提交form

今天在项目中进行开发的过程中有这么一个功能:

点击“XXX”button,进行form表单的提交,可是这个提交button是一个type="image" 的input;

找了半天也没看到这个图片元素绑定的js提交表单的相关信息。

后来向度娘问了下,原来:【image也能提交form!!。】

实践(IE8、firefox 33.1)

下面是我做的几个实验(IE8、firefox 33.1下的运行结果不同)。

这里要重点注意:假设image标签用不好,会出现2次提交的问题

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>【注意: image也能提交form! ! 。 IE8、firefox 33.1下版本号调试】</title>
<script type="text/javascript">
function formSubmit(){
alert("It is not a Joke! It is true~~");
document.jokeForm.action = "notAJoke.do?method=justATest";
document.jokeForm.submit();
return true;
}
</script>
</head>
<body>
<form name="jokeForm" method="post" action="aJoke.do">
<input name="user_name" value="" /><br />
<input name="user_pass" value="" /><br /> <!-- 下面写法,IE8、firefox 33.1 均仅仅提交【1】次:/aJoke.do -->
<!-- <input type="image" src="abc.gif"/> --> <!-- 下面写法。<span style="background-color: rgb(255, 102, 102);">IE提交【2】次:/notAJoke.do ,firefox 33.1 提交【1】次</span> -->
<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" onclick="formSubmit()"/> --> <!-- 下面写法,<span style="background-color: rgb(255, 153, 102);">IE提交【2】次:/notAJoke.do 。firefox 33.1 提交【1】次</span> -->
<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" onclick="formSubmit();return true;"/> --> <!-- 下面写法。<span style="background-color: rgb(255, 255, 102);">IE8、firefox 33.1 均仅仅提交【1】次:</span>/aJoke.do -->
<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" onclick="<span style="background-color: rgb(255, 255, 102);">return true;</span>"/> --> <!-- 下面写法,I<span style="background-color: rgb(255, 255, 102);">E8、firefox 33.1 均【无提交】 </span>-->
<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" onclick="<span style="background-color: rgb(255, 255, 102);">return false;</span>"/> --> <!-- 下面写法,IE8、firefox 33.1 均提交【1】次:/aJoke.do -->
<input type="submit" value="input_submit"/>
</form>
</body>
</html>

html 标签: image也能提交form!!!的更多相关文章

  1. ajax提交form表单资料详细汇总

    一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味 ...

  2. 按下回车默认提交form表单问题

    最近开发中碰到一个问题,项目中有几个列表展示页面,允许用户通过查询条件模糊查询数据.用户录入关键字后点击回车会调用查询方法根据关键字查询,原先功能没有问题,但是最近发现在查询输入框中按下回车会直接刷新 ...

  3. input标签之外是否一定添加form标签

    原文转载自:https://blog.csdn.net/lamanchas/article/details/78753031 input标签外是否添加form标签需要按情形区分:应用场景的区别:1.所 ...

  4. 通过jQuery的Ajax方式来提交Form表单

    通过jQuery的Ajax方式来提交Form表单 $.ajax({ url:ajaxCallUrl, type:"POST", cache:true, async:false, d ...

  5. 【转】HTML怎样使用a标签以post方式提交

    在HTML中,a标签的提交默认是get方式提交的,如果在请求链接的参数中带有中文就会出现乱码问题,除了在后台程序中转码外,这里介绍两种简单的方法,可以在客户端让a标签以post方式提交. 一:增加一个 ...

  6. ajax提交form表单

    1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginF ...

  7. Jquery通过Ajax方式来提交Form表单

    今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...

  8. 导出excel用ajax不行,提交form表单可以

    导出excel用ajax不行,提交form表单可以. 一直用ajax找原因,网页不出现下载提示框 写了 response.setContentType("application/binary ...

  9. JQuery validate.js 在ajax提交form时如何触发

    在使用jquery validate.js 插件时,发现,如果是用onclick事件捕获提交按钮的动作,并且ajax动态提交form,验证不会被触发,而是直接提交了form. 后来发现,需要手动调用该 ...

随机推荐

  1. 路由器wiff设置

    1.将一根网线连接至路由wankou 2.将另外一根网页连接1.2.3.4口中一个,另外一个连接至电脑 3.登录192.168.1.1,进行设置向导选择ppoe,然后登录网络设置无线名称+密码 4.保 ...

  2. MyEclipse2015安装SVN插件

    一.下载SVN插件subclipse 下载地址:http://subclipse.tigris.org/servlets/ProjectDocumentList?folderID=2240 在打开的网 ...

  3. hdoj--3594--Cactus(tarjan)

    Cactus Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Sub ...

  4. USACO 1.4 Mother's Milk

    Mother's Milk Farmer John has three milking buckets of capacity A, B, and C liters. Each of the numb ...

  5. 数组常用API

    内容待添加... //根据分数排名字 //方法1 var students = ['小明','小红','小花'] var scores = {小明:,小红:,小花:} //1 添加分数到student ...

  6. 浅谈SpringCloud (三) Ribbon负载均衡

    什么是负载均衡 当一台服务器的单位时间内的访问量越大时,服务器压力就越大,大到超过自身承受能力时,服务器就会崩溃.为了避免服务器崩溃,让用户有更好的体验,我们通过负载均衡的方式来分担服务器压力. 我们 ...

  7. 如何创建一个asp页面

    Active Server Pages(ASP)文件是以 .asp 为扩展名的文本文件,这个文本文件可以包括下列部分的任意组合: 文本 HTML 标记 ASP 脚本命令 创建 .asp 文件非常容易. ...

  8. pgpool如何对数据库节点进行状态检查及相关数据结构描述

    /* * configuration parameters */typedef struct {    char *listen_addresses;            /* hostnames/ ...

  9. 什么是2.5D与3D编辑模式

    ZBrush®其实就是一个带有三维特性的二维软件,它不仅具有绘制二维图像的功能,而且也具有对三维物体进行编辑的功能,就是所谓的2.5D(Pixol技术). 学习ZBrush之前有必要了解一下2.5D的 ...

  10. [THUWC2017]在美妙的数学王国中畅游 LCT+泰勒展开+求导

    p.s. 复合函数求导时千万不能先带值,再求导. 一定要先将符合函数按照求导的规则展开,再带值. 设 $f(x)=g(h(x))$,则对 $f(x)$ 求导: $f'(x)=h'(x)g'(h(x)) ...