Как использовать тег html div и php для взаимодействия с базой данных mysql

Question

Я использую html с тегом div для создания системы бронирования, запрашивающей ввод данных пользователем для города, даты и типа домашнего животного, а затем проверяю критерии от пользователей к базе данных 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>

Answer 1

Прежде всего, ваши входы, кнопки, выбор, переключатели ... и т. Д. c должны быть внутри тега формы

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

Во-вторых, все ваши входы должны иметь имя, чтобы получить их ценности. Например:

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

И наконец, лучше указать каждому параметру в теге select значение:

 <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>

В вашем файл. php вам нужно получить данные с помощью $_POST:

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

Answer 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> Than, в вашем php файл, вы можете найти свои входные значения в массиве $_POST, например $_POST['date'] из ввода с именем 'date'.