使用PHP单击Mysql中的按钮时无法插入

Question

我是web开发的初学者，我使用过html元素，比如textbox和其他类型的元素，我想用它们作为我的对象，当它们有一个值并单击一个按钮时，它将保存所有的值mysql中的元素。

我有这样的代码，但它无法插入，单击按钮时不会发生任何事情。 请帮忙。

PHP：

<?php
   define('DB_SERVER', 'localhost');
   define('DB_USERNAME', 'root');
   define('DB_PASSWORD', '');
   define('DB_DATABASE', 'ytp');
   $db = mysqli_connect(DB_SERVER,DB_USERNAME,DB_PASSWORD,DB_DATABASE);

   if(!$db ) {
      die('Could not connect: ' . mysqli_error());
   }

   $fname = "";
   $mname = "";
   $lname = "";
   $funame = "";
   $cnum = "";
   $bday = "";
   $age = "";
   $add = "";    

   if (isset($_POST['submit'])){
   $fname = $_POST['fName'];
   $mname = $_POST['mName'];
   $lname = $_POST['lName'];
   $funame = $_POST['fuName'];
   $cnum = $_POST['Cnumber'];
   $bday = $_POST['bday'];
   $age = $_POST['age'];
   $add = $_POST["address"];       
   }


   $sql = "INSERT INTO employee ".
      "(fName,mName,lName,fuName,cNumber,bDay,Age,Address) ".
      "VALUES ('$fname','$mname','$lname','$funame','$cnum','$bday','$age','$add' )";


    if (! mysqli_query($db , $sql)){
        echo 'Cannot Insert';
    }
    else{
        echo 'Success';
    }

?>

HTML：

<div class="content">
        <div class="row">
          <div class="col-md-10">
            <div class="card">
              <div class="card-header">
                <h5 class="title">Add User Information</h5>
              </div>
              <div class="card-body">
                <form method="POST" action="php_functions\saveEmployee.php" name="INSERT">
                  <div class="row">
                    <div class="col-md-5 pr-md-1">
                      <div class="form-group">
                        <label>Company (disabled)</label>
                        <input type="text" class="form-control" disabled="" placeholder="Company" value="Benchmark Valuer's Inc.">
                      </div>
                    </div>
                    <div class="col-md-3 px-md-1">
                      <div class="form-group">
                        <label>ID</label>
                        <input type="text" class="form-control" placeholder="User ID" value="" id="id" name ="id" disabled>
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label for="exampleInputEmail1">Email address</label>
                        <input type="email" class="form-control" placeholder="[email protected]" id="email" name ="email">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-4 pr-md-1">
                      <div class="form-group">
                        <label>First Name</label>
                        <input type="text" class="form-control" placeholder="First Name" id="fName" name ="fName">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Middle Name</label>
                        <input type="text" class="form-control" placeholder="Middle Name" id="mName" name ="mName">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Last Name</label>
                        <input type="text" class="form-control" placeholder="Last Name" id="lName" name ="lName">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1" hidden>
                      <div class="form-group">
                        <label>Fullname</label>
                        <input type="text" class="form-control" placeholder="Full Name" id="fuName" name ="fuName"> 
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-4 pr-md-1">
                      <div class="form-group">
                        <label>Contact Number</label>
                        <input type="tel" class="form-control" placeholder="Contact Number" id="Cnumber" name="Cnumber">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Age</label>
                        <input type="number" class="form-control" placeholder="Age" id="age" name="age">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Birthday</label>
                        <input type="date" class="form-control" placeholder="Birthday" id="bday" name="bday">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-12">
                      <div class="form-group">
                        <label>Address</label>
                        <input type="text" class="form-control" placeholder="Home Address" id="address" name ="address">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-4 pr-md-1">
                      <div class="form-group">
                        <label>Username</label>
                        <input type="text" class="form-control" placeholder="Username" id="uName">
                      </div>
                    </div>
                    <div class="col-md-4 px-md-1">
                      <div class="form-group">
                        <label>Password</label>
                        <input type="password" class="form-control" placeholder="Password" id="pWord">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>UserType</label>
                        <input type="number" class="form-control" placeholder="0" id="uType">
                      </div>
                    </div>
                  </div>
                  <div class="row" hidden>
                    <div class="col-md-12">
                      <div class="form-group">
                        <label>Image Path:</label>
                        <input type="text" class="form-control" placeholder="C:\\" id="imageURL">
                      </div>
                    </div>
                  </div>

                </form>
              </div>
              <div class="card-footer">
                <button type="submit" class="btn btn-fill btn-primary" id="submit" name="submit">Save</button>
                <button class="btn btn-fill btn-success" id="btnBrowse">Browse</button>
                <button class="btn btn-fill btn-danger" id="btnCancel">Cancel</button>
              </div>
            </div>
          </div>
        </div>
      </div>

Answer 1

您的HTML表单在提交按钮之前关闭。您应该在提交按钮后关闭它，还需要管理打开表单标签的层次结构，如下所示：

<form method="POST" action="php_functions\saveEmployee.php" name="INSERT">
              <div class="card-body">
                  <div class="row">
                    <div class="col-md-5 pr-md-1">
                      <div class="form-group">
                        <label>Company (disabled)</label>
                        <input type="text" class="form-control" disabled="" placeholder="Company" value="Benchmark Valuer's Inc.">
                      </div>
                    </div>
                    <div class="col-md-3 px-md-1">
                      <div class="form-group">
                        <label>ID</label>
                        <input type="text" class="form-control" placeholder="User ID" value="" id="id" name ="id" disabled>
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label for="exampleInputEmail1">Email address</label>
                        <input type="email" class="form-control" placeholder="[email protected]" id="email" name ="email">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-4 pr-md-1">
                      <div class="form-group">
                        <label>First Name</label>
                        <input type="text" class="form-control" placeholder="First Name" id="fName" name ="fName">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Middle Name</label>
                        <input type="text" class="form-control" placeholder="Middle Name" id="mName" name ="mName">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Last Name</label>
                        <input type="text" class="form-control" placeholder="Last Name" id="lName" name ="lName">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1" hidden>
                      <div class="form-group">
                        <label>Fullname</label>
                        <input type="text" class="form-control" placeholder="Full Name" id="fuName" name ="fuName"> 
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-4 pr-md-1">
                      <div class="form-group">
                        <label>Contact Number</label>
                        <input type="tel" class="form-control" placeholder="Contact Number" id="Cnumber" name="Cnumber">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Age</label>
                        <input type="number" class="form-control" placeholder="Age" id="age" name="age">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>Birthday</label>
                        <input type="date" class="form-control" placeholder="Birthday" id="bday" name="bday">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-12">
                      <div class="form-group">
                        <label>Address</label>
                        <input type="text" class="form-control" placeholder="Home Address" id="address" name ="address">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-4 pr-md-1">
                      <div class="form-group">
                        <label>Username</label>
                        <input type="text" class="form-control" placeholder="Username" id="uName">
                      </div>
                    </div>
                    <div class="col-md-4 px-md-1">
                      <div class="form-group">
                        <label>Password</label>
                        <input type="password" class="form-control" placeholder="Password" id="pWord">
                      </div>
                    </div>
                    <div class="col-md-4 pl-md-1">
                      <div class="form-group">
                        <label>UserType</label>
                        <input type="number" class="form-control" placeholder="0" id="uType">
                      </div>
                    </div>
                  </div>
                  <div class="row" hidden>
                    <div class="col-md-12">
                      <div class="form-group">
                        <label>Image Path:</label>
                        <input type="text" class="form-control" placeholder="C:\\" id="imageURL">
                      </div>
                    </div>
                  </div>

              </div>
              <div class="card-footer">
                <button type="submit" class="btn btn-fill btn-primary" id="submit" name="submit">Save</button>
                <button class="btn btn-fill btn-success" id="btnBrowse">Browse</button>
                <button class="btn btn-fill btn-danger" id="btnCancel">Cancel</button>
              </div>
            </form>

希望它能帮到你。

Answer 2

表单已在提交按钮之前关闭。

</form>标签应放在<div class="card-footer">...</div>之后。请试一试。希望它会有所帮助。