<button type = "submit">タグを使用してフォームを送信する方法

Question

私はログインフォームを作成し、<button type="submit">を使用しますが、私は<input type="submit">を使用しています。フォームを送信するために<button type="submit">を使用するスクリプトですか？

<form class="modal-content animate" method="post"> 
    <div class="imgcontainer"> 
    <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span> 
    </div> 

    <div class="container"> 
    <label><b>Program name</b></label> 
     <input type="text" placeholder="Enter Program name" name="Pname" required> 

    <label><b>Authentication ID</b></label> 
    <input type="password" placeholder="Enter Authentication ID" name="psw" required> 

    <button type="submit" name="submit">Login</button> 
    <input type="checkbox" checked="checked"> Remember me 
    </div> 
    <?php 
    error_reporting(0); 
    session_start(); 
    include("connection.php"); 
    $Pname=$_POST['Pname']; 
    $psw=$_POST['psw']; 
    $_SESSION['$Pname']=$Pname; 
    if($_POST['submit']) 
    { 
     if($Pname=="" or $psw=="") 
    { 
    //echo '<p align="center" style="color:red">plz enter all info</p>'; 
    } 
     else 
    { 
     $sql="select * from login where psw='$psw'"; 
     $rData=mysql_query($sql); 
     $res=mysql_fetch_array($rData); 
     if($res['Pname']==$Pname && $res['psw']==$psw) 
     { 
      header("location:po.php?psw=$psw"); 
     } 
     else 
     { 
     echo '<p align="center" style="color:red">invalid user name and password'; 

     } 
    } 
    } 
    ?> 

ここで私は<input type="submit" name="submit">を使用する場合、それは動作しますが、私は<button type="submit">を使用するときに、私は動作しません...ので、どのように私は仕事にボタンを使用することができますか？

Answer 1

ボタンのクリックイベントハンドラのフォーム上で.submit()と呼んでJavaScriptを使用してフォームを送信できます。