如何使用<button type=“submit”>标签</button>提交表单

Question

我做了一个登录表单，我使用<button type="submit">但是它不起作用。当我使用<input type="submit">它完全有效...在java脚本中是否有任何方法可以使用<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()上的.submit()来通过JavaScript提交表单。