`
ghyghoo8
  • 浏览: 190188 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

[转载]慎用<a/>标签 提交表单 [IE6无法提交表单][事件冲突]

IEIDEA浏览器XHTMLHTML 
阅读更多
我们都知道可以使用 [form].submit(); 来动态提交表单,

但使用点击<a/>标签来提交表单, 会出现什么情况呢?

我们都知道, <a/>有个链接属性 href , 而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,

但如果是 <a href="javascript:;" ></a>, 又会是什么情况呢? 实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理, 忽略<a/>的href, 执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接 href , 除非你的<a/>标签中去掉 href属性, 但去掉 href 你将发现IE 下将不会出现下划线...

为更好体会该问题, 可以复制以下代码存为文件IE6和其它浏览器下对比运行即可...

<!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>anchor and form</title>
</head>
<form method='get' action="www.baidu.com">
<input value='' name='kw'/>
</form>
<a id="submit" href="javascript:;" style="color:#333" >提交</a>
<script type="text/javascript">
document.getElementById('submit').onclick = function(){
document.forms[0].submit();
}
</script>
</head>
<body>
</body>
</html>
分享到：
| showModalDialog和showModelessDialog使用 ...
评论
1 楼 tangjianyi 2011-02-17  
嗯！解决了我页面的一个问题，3Q
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    硬盘还原卡克星

    慎用&lt;br/&gt;硬盘还原卡克星&lt;br/&gt;

    RRGRID

    GRID_GET_ROWS WM_GRID_USER_OUTER + 5&lt;br&gt;&lt;br&gt;//返回值不包括第0列&lt;br&gt;#define GM_GRID_GET_COLS WM_GRID_USER_OUTER + 6&lt;br&gt;&lt;br&gt;//GM_GRID_SET_CELL_COUNT (重置Grid行列数)&lt;br&gt;//重置单元行列数，...

    2011年最新ASP站长助手.zip

    echo "&lt;a href='网站地址' target='_blank'&gt;网站名称&lt;/a&gt;&lt;br /&gt;" 按这个格式加多少就加多少！ 比如: echo "&lt;a href='http://www.google.com' target='_blank'&gt;谷歌&lt;/a&gt;&lt;br /&gt;" 然后继续我的网站模块 -------------...

    Wsyscheck1216中文版(第二版)

    &lt;br&gt;&lt;br&gt;6:关于进程的结束后的反复创建&lt;br&gt;&lt;br&gt; 如果确系木马文件,可选择结束进程并删除文件,这样的话Wsyscheck会将其结束并创建0字节文件使其无法再次运行。&lt;br&gt;&lt;br&gt; 可以使用进程页的“禁止程序运行”，这个功能...

    【JavaScript源代码】JavaScript一文带你玩转web表单网页.docx

    　第一步：我们先在这输入一些东西如图：其中&lt;h1&gt;内容&lt;/h1&gt;这是格式，说明中间的内容是　一个h1 大小的标题，h1--h6标题在逐渐减小，要慎用h1，因为h1比较大　要先点击这个运行之后，我们要去百度搜索localhost:

    禁用U盘的四种常规设置方法

    方法一，BIOS设置法（快刀斩乱麻法）　&lt;br&gt;&lt;br&gt;　进入BIOS设置，选择“Integrated Peripherals”选项，展开后将“USB 1.1 Controller”和“USB 2.0 Contr01ler”选项的属性设置为“Disableed”，即可禁用USB接口。...

    EL表达式 （详解）

    关系表达式如${5&gt;6} 结 果是false 算术表达式如 ${5+5} 结果是10 5--EL中的变量搜索范围是:page request session application 点运算符(.)和"[ ]"都是 表示获取变量的值.区别是[ ]可以显示非词类的变量 2、...

    QQ显IP插件

    珊瑚虫精简版IP库浏览查询器可以浏览IP库内的IP记录（升级请慎用）&lt;br&gt; ③本软件无捆绑木马程序请放心使用&lt;br&gt; ④本软件的原始版本不允许被误传；您不具有撰写软件的原始版本的任何权利。&lt;br&gt; ⑤如果您要在产品中...

    [php]mysql数据库操作——DB类

    $this-&gt;conn) $this-&gt;show_error('无法连接服务器'); $this-&gt;select_db($this-&gt;data); $this-&gt;query('SET NAMES '.$this-&gt;code); $this-&gt;query("SET CHARACTER_SET_CLIENT='{$this-&gt;code}'"); $this-&gt;query...

    gcc for bf561

    &lt;br&gt;3、这个移植还没有经过正确性验证，请慎用！！&lt;br&gt;4、在使用前请先下载blackfin-toolchain-07r1.1-3（blackfin.uclinux.org），并解压bfin-gcc-4.1.tar.bz2。&lt;br&gt;5、将本压缩包中的文件覆盖gcc目录下的同名文件...

    易语言处理事件命令慎用时钟版

    易语言处理事件命令慎用时钟版源码,处理事件命令慎用时钟版

    卸载IE7到IE6

    本软件适用于：XP系统上装了IE6以上版本，想换回IE6的用户。 事实上微软在开发IE7期间曾经提供了卸载工具，但是只针对IE7bat2版本和xpSP2环境。 只需要简单的修改就可以绕过这个限制，所以我为大家提供了这个小...

    易语言处理事件命令慎用时钟版源码

    易语言处理事件命令慎用时钟版源码。@易语言源码分享站。

    易语言处理事件命令慎用线程版源码

    易语言处理事件命令慎用线程版源码。@易语言源码分享站。

    Vue为什么要谨慎使用$attrs与$listeners

    前言 在 Vue 开发过程中，如遇到祖先组件需要传值... &lt;div&gt; &lt;input type=text v-model=input placeholder=please input&gt; &lt;test test=test&gt; &lt;/div&gt; `, data() { return { input: '', test: '1111', };

    加密的惨剧！慎用文件夹加密软件！

    加密的惨剧！慎用文件夹加密软件！ 加密的惨剧！慎用文件夹加密软件！

    易语言处理事件命令慎用时钟版源码.7z

    易语言处理事件命令慎用时钟版源码.7z

    易语言处理事件命令慎用线程版源码.7z

    易语言处理事件命令慎用线程版源码.7z

Magicbox
Global site tag (gtag.js) - Google Analytics