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

作者:纸飞机

时间:2026-10-29

浏览:305

本文介绍如何使用 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程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章