如何用JS动态改变表单form里的action值

新建一个html页面，定名为test.html，用于讲解若何用JS动态改变表单form里的action值。

在test.html页面，建立一个form表单，设置其action为login.html，代码如下：

在form表单内，利用input标签建立一个账号输入框，一个暗码输入框，代码如下：

在表单内，利用input标签建立一个button按钮，名称为“登录”，代码如下：

给button按钮绑心猿意马onclick点击事务，当点击按钮时，实现表单信息的提交，领受表单数据的文件是login.html。

再利用input标签建立一个button按钮，名称为“注册”，经由过程表单对象的action属性来改变提交路径为register.html。当按钮被点击时，动态改变action，再提交表单数据。代码如下：

与上一步方式不异，再建立一个button按钮，分歧的是按钮名称为“验证暗码”，action值为password.html。

经由过程这种体例，可以实现三个按钮提交一样的表单数据，但action是分歧的，三个按钮处置数据都是自力的。

0 条评论