小码哥的IT人生

HTML DOM action 属性

JavaScript基础 2022-06-08 15:51:28小码哥的IT人生shichen

HTML DOM action 属性

定义和用法

action 属性可设置或返回表单的 action 属性。

action 属性定义了当表单被提交时数据被送往何处。

语法

formObject.action=URL

实例

下面的例子可更改表单的 action URL:

<html>
<head>
<script type="text/javascript">
function changeAction()
  {
  var x=document.getElementById("myForm")
  alert("Original action: " + x.action)
  x.action="index.php"
  alert("New action: " + x.action)
  x.submit()
  }
</script>
</head>
<body>
<form id="myForm" action="js_examples.php">
Name: <input type="text" value="Mickey Mouse" />
<input type="button" onclick="changeAction()"
value="Change action attribute and submit form" />
</form>
</body>
</html>

TIY

完整实例【更改表单的 action 属性】:

<html>
<head>
<script type="text/javascript">
function changeAction()
{
var x=document.getElementById("myForm")
alert("Original action: " + x.action)
x.action="http://www.phpcodeweb.com/news/93.html"
alert("New action: " + x.action)
x.submit()
}
</script>
</head>
<body>
<form id="myForm" action="/i/eg_smile.gif">
名称:<input type="text" value="米老鼠" />
<input type="button" onclick="changeAction()"
value="改变 action 属性并提交表单" />
</form>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024