html 标签: image也能提交form

最新推荐文章于 2024-10-14 00:57:11 发布

东语~

最新推荐文章于 2024-10-14 00:57:11 发布

阅读量512

点赞数

分类专栏： XML 文章标签： image form

XML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

image也能提交form

先前经常使用“<input type="submit" value="input_submit"/>” 来提交form，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"/> -->
		
		<!-- 以下写法，IE提交【2】次：/notAJoke.do ，firefox 33.1 提交【1】次
		<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" οnclick="formSubmit()"/> -->
		
		<!-- 以下写法，<span style="background-color: rgb(255, 153, 102);">IE提交【2】次：/notAJoke.do ，firefox 33.1 提交【1】次
		<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" οnclick="formSubmit();return true;"/> -->
		
		<!-- 以下写法，IE8、firefox 33.1 均只提交【1】次：/aJoke.do -->
		<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" οnclick="return true;"/> -->
		
		<!-- 以下写法，IE8、firefox 33.1 均【无提交】 -->
		<!-- <input type="image" src="http://avatar.csdn.net/A/D/0/3_jackpk.jpg" οnclick="return false;"/> -->
		
		<!-- 以下写法，IE8、firefox 33.1 均提交【1】次：/aJoke.do -->
		<input type="submit" value="input_submit"/>
	</form>
</body>
</html>