๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
HTML + CSS ์‹œ๋ฆฌ์ฆˆ๐Ÿ•ธ

๊ฐ„๋‹จํ•œ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ _ HTML

by @ENFJ 2022. 11. 20.

 

์ถœ๋ ฅ ๊ฒฐ๊ณผ

์ฝ”๋“œ

<!--๋กœ๊ทธ์ธ ํŽ˜์ด์ง€-->
<!-- login.html-->
<!DOCTYPE html>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="canonical" href="https://getbootstrap.com/docs/4.6/stylesheets/sign-in/">
    <link href="stylesheets/signin.css" rel="stylesheet">
    <title>๋กœ๊ทธ์ธ</title>
    <style>
        .bd-placeholder-img {
          font-size: 1.125rem;
          text-anchor: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }
  
        @media (min-width: 768px) {
          .bd-placeholder-img-lg {
            font-size: 3.5rem;
          }
        }
      </style>
</head>


<body>
<div class="container"style="width: 330px;">
    
    <h1 style="padding-left: 90px;">๋กœ๊ทธ์ธ</h1>
    <form th:action="@{http://localhost:8080/api/login}" method="post">
        <div class="form-group">
            <label th:for="username">์•„์ด๋””</label>
            <input type="text" name="userEmail" class="form-control" placeholder="์•„์ด๋”” ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”">
        </div>
        <div class="form-group">
            <label th:for="password">๋น„๋ฐ€๋ฒˆํ˜ธ</label>
            <input type="password" class="form-control" name="userPassword" placeholder="๋น„๋ฐ€๋ฒˆํ˜ธ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”">
        </div>
        <button type="submit" class="btn btn-primary"style="margin-left: 6-;margin-left: 65px;">๋กœ๊ทธ์ธ</button>
        <button type="button" class="btn btn-primary" onClick="location.href='join'">ํšŒ์› ๊ฐ€์ž…</button>
    </form>
    <br/>
</div>
</body>
</html>