<!DOCTYPE html>
<html>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- เรียกใช้ Bootstrap 5 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" integrity="sha512-jRcyS0JzoOe9Mq3OEn5Q+U67/l7o+f+B2dG1mVWmHJ+ud7M9XmFmB7GJj6o4b4Yl+SGoSyKkfcf1FbzN1Sd9zA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt">
    <link rel="stylesheet" href="css\regis.css">
    <style>

    </style>
</head>

<body>
        <h1>ลงทะเบียนสมาชิก</h1>
        <div class="container">
        <form class="row border border-primary needs-validation mt-5" style="border-radius: 10px"  novalidate>
            <div class="row mt-3">
                <div class="col-md-2">
                    <div class="dropdown show">
                        <label for="prefix" class="form-label">คำนำหน้า</label>
                        <select name="prefix" id="prefix" class="form-select">
                            <option class="value" hidden>คำนำหน้า</option>
                            <option value="Boy">เด็กชาย</option>
                            <option value="Girls">เด็กหญิง</option>
                            <option value="Mr">นาย</option>
                            <option value="Mrs">นาง</option>
                            <option value="Miss">นางสาว</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-5">
                    <label for="validationCustom01" class="form-label">ชื่อ</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
                <div class="col-md-5">
                    <label for="validationCustom01" class="form-label">นามสกุล</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
            </div>
            <div class="row mt-3">
            <div class="col-md-2">
                    <div class="dropdown show">
                        <label for="prefix" class="form-label">คำนำหน้า</label>
                        <select name="prefix" id="prefix" class="form-select">
                            <option class="value" hidden>Prefix</option>
                            <option value="Mr">Mr</option>
                            <option value="Mrs">Mrs</option>
                            <option value="Miss">Miss</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-5">
                    <label for="validationCustom01" class="form-label">First Name</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
                <div class="col-md-5">
                    <label for="validationCustom01" class="form-label">Last Name</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-6">
                    <label for="validationCustom01" class="form-label">เลขบัตรประชาชน</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
                <div class="col-md-6 ">
                    <label for="Birthday">วันเกิด</label><br>
                    <div class="mt-3">
                        <input type="date" id="Birthday" name="Birthday" required>
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-6">
                    <label for="validationCustom01" class="form-label">ที่อยู่ตามบัตรประชาชน</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
                <div class="col-md-6">
                    <label for="validationCustom01" class="form-label">ตำบล/แขวง</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-4">
                    <label for="validationCustom01" class="form-label">อำเภอ</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
                <div class="col-md-4">
                    <label for="validationCustom01" class="form-label">จังหวัด</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
                <div class="col-md-4">
                    <label for="validationCustom01" class="form-label">รหัสไปรษณีย์</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-6">
                    <label for="validationCustom01" class="form-label">อีเมล</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>

                <div class="col-md-6">
                    <label for="validationCustom01" class="form-label">ยืนยันอีเมล</label>
                    <input type="text" class="form-control" id="validationCustom01">
                </div>
            </div>
            <div class="col-md-6">
                <label for="validationCustom01" class="form-label">เบอร์โทรศัพท์</label>
                <input type="text" class="form-control" id="validationCustom01">
            </div>
            <div class="row mt-3">
                <div class="col-12 text-end">
                    <a class="btn btn-primary" href=http://127.0.0.1:5501/ลงทะเบียนสมาชิกต่อ.html" role="button">ถัดไป</a>
                </div>
            </div>

        </form>

    </div>
</body>

</html>