引导程序表单提交按钮不起作用

Question

以下代码提供了我创建的注册表单，但不幸的是，提交按钮不起作用我阅读了一些以前的堆栈溢出文章并进行了更改，但它不起作用

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Theme Made By www.w3schools.com - No Copyright -->
  <title>Arsiri Textile </title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/basic.css">
  <style>

  </style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">




<div class="header" style="height:60px;background:#330d00;width:1350px">


      <a class="navbar-brand" href="#myPage">ARSIRI TEXTILE |</a>


      <ul class="nav navbar-nav navbar-left">


      </ul>
      <ul class="nav navbar-nav navbar-right">

        <li><a href="#">About Us</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="">Login</a></li>
        <li><a href="#"> Signup</a></li>

      </ul>
    </div>


<div class="image" style="height:530px; width:1350px" >
    <!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />

</head>
<body>
<div class="panel panel-default">
 <div class="panel-heading" style="background:#330d00;">
  <h3 class="panel-title">Customer Registration</h3><br>
 </div>
  <div class="panel-body" >
 <form class="form-horizontal" role="form" action="signup.php" method="post" > 
  <div class="form-group">
    <label for="name" class="col-sm-2 control-label">First Name</label>
    <div class="col-sm-10" style="width:300px">
      <input type="text" class="form-control" id="name" name="firstname">
    </div>
  </div>

      <div class="form-group">
    <label for="name" class="col-sm-2 control-label">Last Name</label>
    <div class="col-sm-10" style="width:300px">
      <input type="text" class="form-control" id="name" name="lastname">
    </div>
  </div>
   <div class="form-group">
    <label for="name" class="col-sm-2 control-label">E-Mail</label>
    <div class="col-sm-10" style="width:300px">
      <input type="email" class="form-control" id="name" name="emailaddress">
    </div>
  </div>
     <div class="form-group">
    <label for="name" class="col-sm-2 control-label">Contact No.</label>
    <div class="col-sm-10" style="width:300px">
      <input type="email" class="form-control" id="name" name="contactno">
    </div>
  </div>

      <div class="form-group">
    <label for="Address" class="col-sm-2 control-label">Address</label>
       <div class="col-sm-10" style="width:300px">
 <textarea name="" cols="" rows="" class="form-control" name="address"></textarea>
    </div>
  </div>

    <div class="form-group">
    <label for="password" class="col-sm-2 control-label">Password</label>
       <div class="col-sm-10" style="width:300px">
      <input type="password" class="form-control" id="pass" name="password">
    </div>
  </div>
    <div class="form-group">
    <label for="password" class="col-sm-2 control-label">Confirm password
    </label>
       <div class="col-sm-10" style="width:300px">
      <input type="password" class="form-control" id="confirmpass" name="cpassword"><br>
    </div>
  </div>



</form>
  </div>
  <div class="panel-footer" style="overflow:hidden;text-align:left;">   

    <div class="col-sm-offset-2 col-sm-10">
        <input class="btn btn-success btn-sm" type=submit name=submit value=Submit >
<input class="btn btn-success btn-sm" type=reset name=reset value=Cancel>

    </div>
  </div>  
  </div>
</div>
</body>

</div>




<div class="footer " style="background:#330d00; height:60px ;width:1350px ">
 <p align="center" > Asiri all rights reserved</p>
</div>

signupaction.php脚本如下

<?php

//importing db.php in the includes folder
require("includes/db.php");


$fname=$_POST["firstname"];
$lname=$_POST["lastname"];
$email=$_POST["emailaddress"];
$address=$_POST["address"];
$contact=$_POST["contactno"];


$password=$_POST["password"];
$cpassword=$_POST["cpassword"];



$sql="INSERT INTO signup (FName,LName,Address,Contact,Email,Password,CPassword) VALUES ('$fname','$lname','$address','$contact','$email','$password',$cpassword')";



$result=mysqli_query($db,$sql);

if(!$result){
    echo "Unsuccessful signup";
}
else{
    echo "Successful signup";
}




?>

请帮我改正！当我单击提交按钮时，URL 中没有任何变化，所以我认为问题出在注册表单中

Answer 1

<form class="form-horizontal" role="form" action="signup.php" method="post" >

action="signup.php" 将表单重定向到页面 signup.php 您似乎希望它重定向到其他地方？

您可能还需要表单内的提交按钮，而不是表单外？

  </div>
  <div class="panel-footer" style="overflow:hidden;text-align:left;">   

    <div class="col-sm-offset-2 col-sm-10">
        <input class="btn btn-success btn-sm" type=submit name=submit value=Submit >
<input class="btn btn-success btn-sm" type=reset name=reset value=Cancel>

    </div>
</form>

引导程序表单提交按钮不起作用

bootsrap form submit button not working

html

css

php

form-submit