html入力が間違った動作を呼び出しています

Question

2つのボタンを使用してログインフォームで異なる操作を実行しようとしています。最初のものはログアウトボタンで、もう1つは電子メール送信です。それは常に私がlogoutまたはmailをクリックするかどうかlogout.phpにジャンプし、私はログアウトは後藤logout.phpしばらくメールをだろうと予想

コード

<form action="xxx/default_logout.php" method="post" id="login form"> 

    <!-- Logout button --> 
    <div style="float: left; width: 20%"> 
     <input type="submit" name="Submit" id="button-setting" value="Logout"/> 
     <input type="hidden" name="option" value="com_users" /> 
     <input type="hidden" name="task" value="user.logout" /> 
     <input type="hidden" name="return" value="<?php echo $return; ?>" /> 
     <?php echo JHtml::_('form.token'); 
    </div> 

    <!-- Mail button --> 
    <div style="float: right; width: 66%"> 
     <div> 
      <form action='xxxxx/mail.php' method="post"> 
       <input type="submit" name="Submit" id="buttonR-setting" value="Mail"/> 
       <input type="hidden" name="option" value="com_users" /> 
       <?php echo JHtml::_('form.token'); ?> 
      </form> 
     </div> 
    </div> 
</form> 

問題

：以下の私のコードを参照してください。はgoto mail.phpとなります。私は、コードを修正する方法を

（i）を知りたい

質問

は、私は両方のlogout & mailフォームと

（の構成要素とすることが必要と指摘しましたii）submitとactionの間のメカニズムは何ですか？それらはどのように結合しますか？

非常に参考になります。

更新

これまでのところ、私には、JavaScriptでそれを実行しようとしました。残念ながら、それはまだ動作しません。

<form action='xxxxx/mail.php' method="post" id="mail_form"> 
<input type="submit" onClick="myFunction()" name="Submit" id="buttonR-setting" value="Mail"/> 
</form> 
<script> 
    function myFunction(){ 
     document.getElementById('mail_form').submit() 
    } 
</script> 

Answer 1

あなたの質問にコメントを追加することはできませんが、「submitをクリックすると何もしません」というフォームを伝える必要があります。 だからあなたのフォームタグにはこれが必要：

onsubmit="return false;" 

次に、あなたのmyFunction()があまりにも、フォームを送信ページせずに実行されます。