`
zhouyrt
  • 浏览: 1124301 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

表单中有name为action的元素时，取form的属性action杯具了

JavaScriptHTML 
阅读更多

示例如下

<!DOCTYPE html>
<html>
  <head>
    <title>表单中有name为action的元素时，取form的属性action杯具了</title>
	<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
  </head>
  
  <body>
  	<form name="mform" action="http://xxx">
		<input type="radio" name="action" value="1"/> 动作1
		<input type="radio" name="action" value="2"/> 动作2
		<input type="radio" name="action" value="3"/> 动作3
		<br/>
		<input type="submit" value="提交"/>
	</form>
	<script type="text/javascript">
		
		document.mform.onsubmit = function(){
			alert(this.action);
			return false;
		}
	</script>
  </body>
</html>

 

后台经常根据动作（action）来判断要调用的逻辑。这个词...

 

这时form.action会优先取到表单元素而非form的属性action。所有浏览器中表现都一样。

 

需注意..

 

 

 

 

2
顶
2
踩
分享到：
| IE中getElementsByTagName无法获取元素BUG
评论
1 楼 libmw 2010-12-01  
这种情况第一次见呢，要去表单的action的话是不是只有用getAttribute了？
发表评论

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

相关推荐

    动态设置form表单的action属性的值的简单方法

    form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"&gt; javascript方法： [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] 或者用单纯的...

    JavaScript获取网页表单action属性的方法

    主要介绍了JavaScript获取网页表单action属性的方法,涉及javascript操作表单属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    js获取form表单中name属性的值

    今天小编就为大家分享一篇关于js获取form表单中name属性的值，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧

    JavaScript获取表单内所有元素值的方法

    下面的JS代码可以遍历指定表单中的所有元素，并输出元素的值 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;form id="frm1" action="form_action.aspx"&gt; First name: &lt;input type="text" name="fname" ...

    HTML5中form表单的新增属性.ppt

    HTML5中form表单的新增属性.ppt

    jquery获取form表单input元素值的简单实例

    下面小编就为大家带来一篇jquery获取form表单input元素值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    form 表单（包含form所有表单元素）

    包含form所有表单元素，供初学者参考，有利于你的成长

    HTML5&CSS3网页制作：Input元素的其他属性.pptx

    Input元素的其他属性 ...HTML5中的form属性，可以把表单内的子元素写在页面中的任一位置，只需为这个元素指定form属性并设置属性值为该表单的id即可。 语法格式 控件类型" form="值" /&gt; 示例 list属性 户口所在地" /&gt; ...

    微信小程序 表单Form实例详解（附源码）

    form表单，将组件内输入的”switch”,”input”,”checkbox”,”slider”,”radio”,”picker”的值进行提交,数据的格式为：name:value，所以表单中控件都需要添加name属性，否则找不到对应控件的值。其主要属性： ...

    HTML中Form表单的method属性使用介绍

    get:将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；一般用来从服务器得到数据。 3,默认是get，所以一般我们都要指定为post 举个...

    js 提交form表单和设置form表单请求路径的实现方法

    如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~

    html对应的文件中 将form 表单数据 转化为json 格式

    Jquery中使用ajax,表单post提交数据 插入oracle数据库， html对应的文件中 将form 表单数据 转化为json 格式

    Form验证表单Form验证表单

    Form验证表单Form验证表单Form验证表单Form验证表单

    JS验证页面form表单数据，齐全

    require指不能为空（true表示不允许为空），dataType指数据类型（Mobile表示是手机号码类型，在validate.js文件中有很多种数据类型，根据需要选择），msg指如果不满足数据类型时的提示信息，requiremsg指如果为空的...

    HTML5&CSS3网页制作：创建表单.pptx

    action、method为表单标记&lt;form&gt;的常用属性。 表单属性 action属性用于指定接收并处理表单数据的服务器程序的url地址。 action属性 method属性用于设置表单数据的提交方式，其取值为get或post。 method属性 name属性...

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考，具体如下： 一、javascript 页面加裁时自动提交表单： Form表单： &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value=...

    使用jQuery时Form表单元素ID和name命名大忌

    在做自己的毕业设计的时候将自己的表单元素ID和name命名为了nodeName： 代码如下: &lt;form&gt; &lt;input type=”text” name=”nodeName” id=”nodeName”&gt; ……….. &lt;/form&gt; 在chrome浏览器下可以看到...

    前端与移动开发之表单

    ②method提交表单数据的方式 get（提交时有地址）/post（提交时隐藏地址） 4.表单元素 input输入表单元素 文本框/password密码框 /radio单选框/checkbox复选框/ name定义input元素名称/value/checked/...

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