ili_home/src/main/resources/templates/html/admin/join.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.84.0">
    <title>(주)국제종합물류</title>
    <!-- favicon -->
    <link rel="icon" href="/image/favicon/favicon.ico">
    <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/sign-in/">



    <!-- Bootstrap core CSS -->
    <link href="/css/login.css" rel="stylesheet">
    <link href="/css/bootstrap.min.css" rel="stylesheet">

</head>
<body class="text-center">

<main class="form-signin">
    <form id="join_form">
        <img class="mb-4" src="/image/logo.png" alt="" width="200" height="57">
        <h1 class="h3 mb-3 fw-normal">회원가입</h1>

        <div class="form-floating">
            <input type="text" class="form-control" id="member_id" placeholder="name@example.com" name="userId">
            <label for="member_id">아이디 (2~20자)</label>
        </div>
        <div class="form-floating">
            <p class="text-danger" id="dupl_text" style="display: none;"></p>
        </div>
        <div class="form-floating">
            <input type="password" class="form-control" id="member_password" placeholder="Password" name="password">
            <label for="member_password">비밀번호 (4~20자)</label>
        </div>
        <div class="form-floating">
            <input type="text" class="form-control" id="member_name" placeholder="Name" name="name">
            <label for="member_password">이름 (2~10자)</label>
        </div>
        <div class="form-floating">
            <input type="email" class="form-control" id="member_email" placeholder="Email" name="email">
            <label for="member_password">email</label>
        </div>

        <div class="form-floating" style="display: flex;justify-content: space-between;margin-top: 20px">
            <button class="w-100 btn btn-lg btn-success" type="button" onclick="signUp()">가입신청</button>
        </div>
    </form>
</main>
</body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="/js/admin/login.js"></script>
<script src="/js/admin/join.js"></script>
</html>