我们都知道可以使用 [form].submit(); 来动态提交表单, 但使用点击<a>标签来提交表单, 会出现什么情况呢? 我们都知道,<a>有个链接属性 href, 而form也有一个页面请求属性 action,当两属性同时存在时,点击<a>当然会优先<a>的href链接。
但如果是<a href=”javascript:void(0);”></a>时,又会是什么情况呢? 实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理, 忽略<a/>的href, 执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接 href , 除非你的<a/>标签中去掉 href属性, 但去掉 href 你将发现IE 下将不会出现下划线...
为解决这个问题,一下是测试代码:你可以拷贝自己电脑,新建一个HTML页面自己看下他们的区别:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>慎用A标签提交表单 IE6事件冲突问题</title>
</head>
<p>
<h4>IE6下的代码测试:</h4>
<form method='get' action="www.baidu.com">
<input value='' name='kw'/>
</form>
<a id="IE6submit" style="color:#333" >IE6提交</a>
</p>
<p>
<h4>IE7下的代码测试:</h4>
<form method='get' action="www.google.cn">
<input value='' name='kw1'/>
</form>
<a id="IE7submit" href="javascript:void(0);" style="color:#333" >IE7提交</a>
</p>
<script type="text/javascript">
document.getElementById('IE6submit').onclick = function(){
document.forms[0].submit();
}
document.getElementById("IE7submit").onclick=function(){
document.forms[1].submit();
}
</script>
</head>
<body>
分享到:
相关推荐
这是一款非常简洁的浮动标签提交表单用户界面设计效果。这个浮动标签效果包括输入框浮动标签,下拉列表浮动标签和文本域浮动标签。该浮动标签表单简洁大方,是设计表单不错的选择。
layui的form表单位置和button标签的位置重合,会使得button的...以上这篇解决layui中的form表单与button的点击事件冲突问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
本程序中完成提交的方法提供两种,直接提交表单和点击登录按钮提交,还有第三种方法填表完成后直接用WebBrowser1.Document.Forms("login").Submit,如果您安装的是IE7,在VB开发环境下运行可能会遇到莫名其妙的...
本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...
js提交表单及js表单验证 js提交表单及js表单验证 js提交表单及js表单验证
js验证表单大全,用JS控制表单提交 ,javascript提交表单
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
html表单a标签,input标签等几种请求ajax提交数据给后台小结
C# post方式提交Form表单。 C# post方式提交Form表单,可以支持带参数传入,供大家学习参考。 C# post提交表单。
本文实例讲述了IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法。分享给大家供大家参考,具体如下: 经常我们用表单提交东西,在提交后,浏览器会自动记录你输入的东西,下次你再输入的时候,可以重新选择,...
提交表单生成html文件 提交表单生成html文件 提交表单生成html文件
表单提交验证类表单提交验证类表单提交验证类表单提交验证类
提交表单后提交禁用提交按钮,防止重复提交.
易语言网页表单自动提交例程源码,网页表单自动提交例程,获取网页对象,获取表单列表,取网页信息,取表单信息,刷新IE列表,枚举IE窗口,取句柄,取标题,取窗口数量,参数列表,提交,ObjectFromLresult,RegisterWindowMessage...
自定义标签防止表单重复提交 部署运行即可使用。
主要介绍了js实现a标签超链接提交form表单的方法,涉及javascript针对表单操作的相关技巧,需要的朋友可以参考下
博文链接:https://clarancepeng.iteye.com/blog/112040
JQuery表单提交和后台交互源码 源码描述: jQuery表单提交和后台交互,非常简单。 也许你习惯了使用基于jQuery的表单插件,裸写也不错 仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到...
利用ajax提交表单完整流程