`
zhouyrt
  • 浏览: 1162191 次
  • 性别: 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了？
发表评论

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

相关推荐

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

    在这个例子中，表单被定义为一个具有id为"frm1"的&lt;form&gt;元素，它的action属性被设置为"jb51.php"，这意味着当表单提交时，数据将被发送到jb51.php这个URL。在用户填写表单后点击提交按钮，浏览器会根据action属性...

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

    今天我们将探讨如何使用JavaScript来获取form表单中name属性的值，并且着重讲解在动态表单的情况下，当无法预先确定标签的name属性值时，如何即时获取这些值以便进行存储或处理。 在文章中首先提到的方法是使用...

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

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

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

    在本篇内容中，我们将详细探讨如何使用jQuery来获取form表单中input元素的值，包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法，我们可以轻松获取或设置input...

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

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

    form中相同name的checkbox提交问题

    然而，当这些复选框具有相同的`name`属性时，提交表单时可能会出现一些特定的问题。这篇博客将探讨这个问题，并提供解决方案。 **一、表单提交与checkbox** 在HTML表单中，`&lt;input type="checkbox"&gt;`用于创建复选...

    表单及表单元素

    在`init()`函数中，设置了该表单的`name`、`method`和`action`属性。当用户点击“表单属性”按钮时，触发`getFormPro()`函数，该函数通过`window.open()`打开一个新的窗口，并输出表单的属性值，实现了对表单属性的...

    通过表单提交实现调用不同的action方法

    在表单提交时，我们可以通过`action`属性设置表单数据的提交地址，即URL。例如： ```html &lt;form action="doSomething" method="post"&gt; &lt;!-- 表单内容 --&gt; &lt;/form&gt; ``` 这里的`doSomething`就是Action方法的标识，...

    漂亮的form表单-漂亮的form表单

    在网页设计中，表单（Form）是用户与网站交互的重要元素，用于收集用户输入的信息。"漂亮的form表单"这个主题关注的是如何创建既美观又功能强大的表单，以提高用户体验并提升网站的整体视觉效果。下面将详细介绍关于...

    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

    js form action动态修改方法.docx

    - **动态创建和添加表单**：如果需要动态创建表单并设置`action`，可以使用`document.createElement('form')`创建一个新的`&lt;form&gt;`元素，然后设置它的`action`属性和其它属性，最后添加到DOM树中。 - **动态移除...

    jQuery中设置form表单中action值的实现方法

    在网页开发中，表单（`&lt;form&gt;`）是用户与服务器进行交互的重要元素，而`action`属性则是决定表单提交后数据处理的位置。在jQuery这个强大的JavaScript库中，改变`form`表单的`action`属性值是常见的需求，尤其是在...

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

    在HTML页面中，表单（`form`）是用于收集用户输入数据的元素，而JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传输。本篇将详细介绍如何在HTML表单中收集数据，并利用jQuery的`...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    这种方法通过JavaScript动态创建一个form元素，将需要提交的参数值编码后加入到表单的action属性中，然后模拟form的提交行为。示例代码如下： ```javascript linkredwin=function(A,B,C,D,E,F,G){ var formredwin=...

    struts form 表单 用法

    在Web开发中，表单是用来收集用户输入数据的界面元素，而Struts Form则提供了与JavaBean对象结合的方式，使得这些数据能够被模型层处理。下面将详细介绍Struts Form表单的用法及其与HTML `&lt;form&gt;`标签的混合使用。 ...

    Action Form

    "Action Form"在IT行业中通常指的是在Web应用开发中用于处理用户输入的一种组件或概念，尤其是在使用MVC（Model-View-Controller）架构时。它是一个包含用户界面元素（如文本框、按钮等）的表单，用户通过这些元素与...

    form表单拖拽功能

    同时，可能还需要设置`cursor`属性为`move`，当鼠标悬停在表单上时显示移动的手形图标，提示用户可以拖动表单。 3. **事件委托**：在大型应用中，可能有多个表单需要实现拖拽功能。这时可以使用事件委托，将事件...

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