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

作者:纸飞机时间:2026-10-29 08:06:23浏览:306

本文介绍如何使用 JavaScript 获取网页表单的 action 属性值。通过 document.getElementById 获取表单元素后,直接读取其 action 属性即可得到提交地址。示例展示了在表单未指定 action 或指向当前页面时的行为,适用于需要动态处理表单提交地址的场景。

获取表单 action 属性

本文介绍一种通过 JavaScript 获取网页表单 action 属性的方法,供读者参考。

JavaScript 可以获取表单的 action 属性,该属性定义了表单提交的目标 URL。在某些场景下,若需将表单提交至当前页面,可将 action 属性设置为空。


<!DOCTYPE html>
<html>
<body>
<form id="frm1" action="jb51.php">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br>
<input type="submit" value="Submit">
</form>
<p>The value of the action attribute is:
<script>
document.write(document.getElementById("frm1").action);
</script>
</p>
</body>
</html>

运行结果如下:


The value of the action attribute is:jb51.php

 

希望本文所述对大家的javascript程序设计有所帮助。

作者最新文章