Я очень новый в HTML и PHP.Это моя первая публикация.Добавить раскрывающийся список кода штата

Question

У меня есть стандартная форма со всей информацией о пользователе, я хочу иметь выпадающий список, где вводится состояние, чтобы пользователь мог выбрать состояние.У меня есть база данных с кодом состояния и описанием.Вот код для моей формы, просто нужно знать, как добавить выпадающий список, чтобы он отображал, где находится код состояния.Я пытался поместить раскрывающийся список с помощью обычного раскрывающегося кода, но когда я это сделал, раскрывающийся список отображается вверху формы.

<section class="main-container">
    <div class="main-warpper">
        <h2>Sign up</h2>
        <form class="signup-form" action="includes/signupinc.php" method="POST">
            <input type="text" name="mbrnumber" placeholder="Member Number">
            <input type="text" name="alias" placeholder="Alias">
            <input type="text" name="firstname" placeholder="First Name">
            <input type="text" name="lastname" placeholder="Last Name">
            <input type="text" name="address" placeholder="Address">
            <input type="text" name="city" placeholder="City">
            <input type="text" name="state" placeholder="State">
            <input type="text" name="zipcode" placeholder="Zip Code">
            <input type="text" name="email" placeholder="E-mail">
            <input type="password" name="pwd" placeholder="Password">
            <button = type="submit" name="submit">Sign Up</button>
        </form>
    </div>
</section>

Answer 1

Я играл с этим и придумал что-то, что я хочу.Я бы хотел, чтобы раскрывающийся список кода штата был похож на заполнитель в остальной части формы.Ширина высота Я знаю, что могу это стилизовать, но не знаю, как это сделать.Вот код, который я придумал.Раскрывающийся список состояний взят из моей базы данных.

<section class="main-container">
<div class="main-warpper">
<h2>Sign up</h2>
    <form class="signup-form" action="includes/signup.inc.php" method="POST">
        <input type="text" name="clubname" placeholder="Your databae name(lower case only no spaces)">
        <input type="text" name="mbrnumber" placeholder="Member Number">
        <input type="text" name="alias" placeholder="Alias">
        <input type="text" name="firstname" placeholder="First Name">
        <input type="text" name="lastname" placeholder="Last Name">
        <input type="text" name="address" placeholder="Address">
        <input type="text" name="city" placeholder="City">
        <tr>
        <input type="text" name="state" placeholder="State">
        <select name="state">
            <?php

            $sql="Select * from matchstates";
            echo "<option value='' selected>Select State</option>";
            foreach ($conn->query($sql) as $row) { 

                echo "<option value=$row[statecode]>$row[statename]</option>";

            }
            ?>
        </select>
        </tr>
        <input type="text" name="zipcode" placeholder="Zip Code">
        <input type="text" name="email" placeholder="E-mail">
        <input type="password" name="pwd" placeholder="Password">
        <button = type="submit" name="submit">Sign Up</button>
    </form>
</div>