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

动态设置form表单的action属性的值的简单方法，可以使用JavaScript来完成。以下是具体步骤：

步骤一：获取form表单对象

在JavaScript中，我们通过document.forms对象获取页面上所有的form表单。如果我们只有一个form表单，可以直接通过document.forms[0]来获取它，如果有多个form表单，可以通过获取特定的form表单的name或id属性来获取到该表单对象。

例如，我们有如下HTML代码：

<form id="myForm" action="">
   <input type="text" name="username">
   <input type="password" name="password">
   <input type="submit" value="提交">
</form>

我们可以使用以下JavaScript代码来获取该表单对象：

var form = document.getElementById("myForm");

步骤二：设置表单的action属性

在获取到表单对象后，我们可以通过设置表单对象的action属性来动态设置form表单的action属性的值。例如：

form.action = "http://example.com";

这样，当用户点击提交按钮时，表单会提交到http://example.com这个URL地址上。

示例一：根据用户输入的地址动态设置表单的action属性

我们可以在页面上添加一个输入框，让用户输入网络地址，然后根据用户输入的地址动态更新表单的action属性来实现自定义提交地址的功能。例如：

<input type="text" id="urlInput" placeholder="输入地址">

var form = document.getElementById("myForm");
var urlInput = document.getElementById("urlInput");

urlInput.addEventListener("keyup", function() {
  form.action = urlInput.value;
});

这样，当用户在输入框中输入地址时，表单的提交地址会立即更新为用户输入的地址。

示例二：动态切换表单的提交地址

我们可以在页面上添加多个按钮，每个按钮代表一个提交地址，当用户点击对应的按钮时，表单的提交地址会切换到对应的地址。例如：

<button id="btn1">提交到Address1</button>
<button id="btn2">提交到Address2</button>

var form = document.getElementById("myForm");
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");

btn1.addEventListener("click", function() {
  form.action = "http://address1.com";
});

btn2.addEventListener("click", function() {
  form.action = "http://address2.com";
});

这样，当用户点击按钮时，表单的提交地址会切换到对应的URL地址。