如何使用html div标签和php与mysql数据库交互答案

【问题标题】：How to use html div tag and php to interact with the mysql database如何使用html div标签和php与mysql数据库交互
【发布时间】：2020-06-16 09:08:42
【问题描述】：

我正在使用带有 div 标签的 html 来做一个预订系统，询问用户输入的城市、日期和宠物类型，然后检查从用户到 SQL 数据库的标准，我知道如何只处理 html，但我完全处理 html div 标签时丢失。谁能告诉我如何在正确的位置使用 php 获取用户输入（城市、日期和宠物类型），以便我可以将其传递给数据库进行检查

<div class="form-group">
<span class="form-label">Where do you work? </span>
<input class="form-control" type="text" placeholder="Please enter your city">
</div>
<!-- date picker -->

<div class="row">
<div class="col-sm-6">
<div class="form-group">
<span class="form-label">Please take care of my pet on</span>
<input class="form-control" type="date", id="pickup" required>
</div>
</div>

</div>

<div class="row">
<div class="col-sm-6">
<div class="form-group">
<span class="form-label">Pet?</span>
<select class="form-control">
<option>Cat</option>
<option>Dog</option>
<option>Others</option>
</select>
<span class="select-arrow"></span>
</div>
</div>

</div>
<div class="form-btn">
<button class="submit-btn">Check availability</button>
</div>

【问题讨论】：

此内容是否在<form> 标签内？如果是这样，您能否将其包含在您的代码中？

标签： php html css sql

【解决方案1】：

首先，您的输入、按钮、选择、单选按钮等必须在表单标签内

<form method="post/get" action="file.php">

其次，您的所有输入都需要有一个名称来检索它们的值。例如：

<input type="text" name="firstname">

最后，最好给选择标签中的每个选项一个值：

 <select class="form-control" name="pet">
     <option value="cat">Cat</option>
     <option value="dog">Dog</option>
     <option value="others">Others</option>  
 </select>

改变工作：

<form method="post" action"file.php">
    <div class="form-group">
    <span class="form-label">Where do you work? </span>
    <input class="form-control" type="text" placeholder="Please enter your city" name="city">
    </div>
    <!-- date picker -->

    <div class="row">
    <div class="col-sm-6">
    <div class="form-group">
    <span class="form-label">Please take care of my pet on</span>
    <input class="form-control" type="date", id="pickup" name="pickup" required>
    </div>
    </div>

    </div>

    <div class="row">
    <div class="col-sm-6">
    <div class="form-group">
    <span class="form-label">Pet?</span>
    <select class="form-control" name="pet">
    <option value="cat">Cat</option>
    <option value="dog">Dog</option>
    <option value="others">Others</option>
    </select>
    <span class="select-arrow"></span>
    </div>
    </div>

    </div>
    <div class="form-btn">
    <button class="submit-btn">Check availability</button>
    </div>
</form>

在您的 file.php 中，您需要使用 $_POST 检索数据：

<?php
     $city=$_POST['city'];
     $date=$_POST['pickup']; 
     $pet=$_POST['pet'];
?>

【讨论】：

【解决方案2】：

首先，你必须将所有这些代码包装在<form></form>标签中：

<form method="post" action="path_to_your_php_handler">
    <div class="form-group">
    <!-- other stuff -->
        <button type="submit" class="submit-btn">Check availability</button>
    </div>

</form>

此外，您的所有输入都应具有唯一的属性名称，例如 <input class="form-control" type="date", id="pickup" name="date" required> 然后，在您的 php 文件中，您可以在数组 $_POST 中找到您的输入值，例如来自名称为“日期”的输入中的 $_POST['date']。

【讨论】：