Conversation
| <div class="input-content"> | ||
| <input id="id" type="text" placeholder="아이디" /> | ||
| <label for="id">아이디를 입력해 주세요.</label> | ||
| <input id="pw" type="password" placeholder="비밀번호" /> | ||
| <label for="pw">아이디 혹은 비밀번호과 일치하지 않습니다.</label> | ||
| </div> | ||
|
|
||
| <div class="state"> | ||
| <input type="checkbox" id="cb" class="txt-hide login-state"> | ||
| </input> | ||
| <label class="box" for="cb">로그인 상태 유지</label> | ||
| </div> |
There was a problem hiding this comment.
밑에 login-form 클래스에 form 태그로 묶어주는 것 보단 input과 연관된 태그들에 form 태그로 묶어주는게 좋을 것 같아요.
https://developer.mozilla.org/ko/docs/Web/HTML/Element/form
참고하시면 좋을 것 같아요!
There was a problem hiding this comment.
저도 input부터 button submit까지 하나의 form으로 묶어주는게 좋을거 같습니다!
|
전체적으로 특히 HTML 태그는 가독성 좋게 태그를 잘 묶어주고 구현하셨네요! |
|
전체적으로 코드가 깔끔하고 간결해서 가독성이 좋았습니다!! 고생하셨습니다:) |
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>login Page</title> |
| <span class="string-line">또는</span> | ||
| </div> | ||
| <section class="icon-btn"> | ||
| <form class="login-form"> |
There was a problem hiding this comment.
form태그는 사용자가 양식(input)을 전달할 때 쓰는 태그로 알고있습니다!
말씀하신대로 ul,li 사용이 더 좋을꺼 같아요!
변경하신다면 클래스명도 함께 변경하면 더 좋을꺼 같습니다:)
| padding-top: 10px; | ||
| padding-bottom: 10px; |
There was a problem hiding this comment.
padding top,bottom의 영역이 로그인 버튼처럼 좀 더 넓어져야 할꺼 같아요!
참고로,
padding: top right bottom left; => padding: top&bottom right&left;
padding: 10px 50px 10px 50px; => padding: 10px 50px;
로 간결하게 줄일 수 있습니다!
준홍님의 경우 padding: 10px 0; 으로 변경하면 코드가 줄 수 있을꺼 같아요!(지금은 고작 한줄이지만 모이면 만줄이 될지도 모르자나여^0^)
There was a problem hiding this comment.
form태그 피드백, css refactory 작업 완료했습니다. 감사합니다.
3 participants
로그인/회원가입 레이아웃을 구현하였습니다.
To do