Blog Cover Image

Inspire you to have New thinking, Walk out your unique Road.

有的時候,你無意間遇到的一些故事,會激發你的靈感,改變你的想法,接下來你會用與之前全然不同的觀念去創造屬於你獨特的故事。

Sign @MinaYu.

[html,javascript]一個表單多個按鈕

Posted on

由於剛剛自己在找方法的時候,碰壁蠻久的,就是有關於一個表單多個按鈕的問題。

有鑒於昨天學弟跟我說,不會找不到方法,是你不會找方法,言下之意就是不會打key word。

所以我想把自己試成功的例子附上來,以便之後自己忘了可以回來找。

 

找的時候好像有很多總方法,我也有想用If跟switch去寫,不過覺得麻煩畢竟我是在html寫。

首先先寫一個表單

主題:

內容敘述:

description

日期:

連結網址:

我這邊是增兩個按鈕,那麼三個以上應該方法也適用。

這邊分一個是新增資料的按鈕,另外一個是預覽的按鈕。

新增用submit,配合上面的form表單的action 導向 web1.php

那麼第二個按鈕當初天真的也設submit 然後導另外一個網站。

當然是失敗

第二個按鈕是預覽,這邊就要把type設成button然後後面接一個javascript的onclick指令導到一個函式。

然後,寫下js的函式。

 

function fun() { 

   document.forms[0].action=‘web2.php’; 

   document.forms[0].submit(); 

   document.forms[0].action=‘web1.php’; 

}          

 

命名函式,然後把程式導向web2.php就大功告成啦~

 

這麼一來就能用兩個以上的按鈕來處理表單啦~

另外我程式都是自己網路上學,沒有老師教,所以有錯歡迎糾正~