單個窗體上的多個按鈕，但只有一個提交按鈕？

Question

我想從單個表單傳遞數據，但它有另外2個按鈕來添加和刪除問題，問題是當我點擊任何問題或創建問題問題時，表單問題到動作url ..我只需要點擊「提交」按鈕後，即可激活操作。

<form method='POST' action='scripts/generateguide.php'> 
    <button class='deleteCon'>Delete</button></p> 
    <button class='addP'>create quesiotn</button> 
    <input name='createGuide' type="submit" value="Submit"> 

</form> 

Answer 1

button一個元素的默認type是submit。可以指定type="button"。

然而，給它一個名字和一個值是一個更好的做法，這樣你就可以在JS失敗時執行你希望它執行的任何任務，然後在事件處理函數中調用event.preventDefault()。

Answer 2

我想我已經找到了，而不是使用

<form method='POST' action='scripts/generateguide.php'> 
    <button class='deleteCon'>Delete</button></p> 
    <button class='addP'>create quesiotn</button> 
    <input name='createGuide' type="submit" value="Submit"> 

</form> 

的解決方案，我必須用這個

<form method='POST' action='scripts/generateguide.php'> 
    <input name='create question' class='addP' type="button" value="Submit"> 
    <input name='delete' type="submit" value="btton" class='deleteCon'> 
    <input name='createGuide' type="submit" value="Submit"> 

</form>