如何使用<按钮类型= "submit" >标签提交表单

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

您可以通过

JavaScript 在按钮的单击事件处理程序中调用表单.submit()来提交表单。