数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会研究
时尚研究
法律研究HTML DOM 表单 action 属性
HTML DOM Form action 属性与 form 元素的 action 属性相关联。form action 属性指定用户提交表单后发送表单数据到的网页。该属性在提交表单以指定提交表单的位置后调用。
语法
以下为语法 −
设置 Form action 属性 −
formObject.action = URL
此处，URL 指定要发送表单数据到的地址。它可以是绝对 URL 或相对 URL。
示例
让我们来看一个 form action 属性的示例 −
<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function changeAction() {
document.getElementById("FORM1").action = "/example_web.asp";
document.getElementById("Sample").innerHTML = "The action attribute value of the form is
changed to /example_web.asp";
}
</script>
</head>
<body>
<h1>Form action property example</h1>
<form id="FORM1" action="/sample.php">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Password <input type="password" name="pass"></label>
</form>
<br>
<button onclick="changeAction()">CHANGE</button>
<p id="Sample"></p>
</body>
</html>输出
这将产生以下输出 −
如果单击 CHANGE 按钮 −
在上面的示例中 −
我们使用 id=“Form1”和 action “/sample.php”创建了一个表单。action 属性值指定表单数据将提交到 sample.php 页面，它是一个相对 URL。该表单包含一个文本字段和一个密码字段。
<form id="FORM1" action="/sample.php"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Password <input type="password" name="pass"></label> </form>
然后我们创建了一个 CHANGE 按钮，该按钮在用户单击时执行 changeAction() 方法 −
<button onclick="changeAction()">CHANGE</button>
changeAction() 方法获取“FORM1”元素，并将其 action 属性值设置为“/example_web.asp”。使用 id 为“Sample”的段落的 innerHTML 属性，我们通过向用户显示文本来显示此更改 −
function changeAction() {
document.getElementById("FORM1").action = "/example_web.asp";
document.getElementById("Sample").innerHTML = "The action attribute value of the form is changed to /example_web.asp";
}
更新于: 2019 年 8 月 19 日
256 次浏览
广告