首页 > 代码库 > html 标签: image也能提交form！！！

html 标签: image也能提交form！！！

2024-08-02 11:05:31   219人阅读

html 标签: image也能提交form！！！


image也能提交form

先前经常使用“<input type="submit" value=http://www.mamicode.com/"input_submit"/>” 来提交form

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

点击“XXX”按钮，进行form表单的提交，但是这个提交按钮是一个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=http://www.mamicode.com/"" />
>



html 标签: image也能提交form！！！


联系
我们