在一个表单form中点击两个不同的按钮进入不同的页面

时间:2024-03-19 13:26:36

  一个常见的场景,一个表单中有两个按钮,点击其中一个按钮进入一个独立页面,点击另一个按钮进入另一个独立的页面。

  我们知道使用form时只能放一个动作事件action,如下:

在一个表单form中点击两个不同的按钮进入不同的页面

 

所以要使用form自带的一个action是无法实现的这种功能的,而且写input的type属性时需要注意不要写submit,这是提交功能,会自动进入form中的action对应的页面中,灵活性不够。我喜欢使用button自动定义。

 

  给定义的button添加一个点击事件

οnclick="javascript:document.f.action='info_change_back.jsp';document.f.submit();"

这里的f是表单form的name,自定义。

info_change_back.jsp是点击当前按钮进入的页面。

除了这两个地方需要自定义外,其他的固定不变

在一个表单form中点击两个不同的按钮进入不同的页面

 

这是我在一个项目中定义的一个input,类型是button,供参考