HTML tag 코드 구입 사이트
https://www.buymeacoffee.com/codehalyoutube/extras
웹 개발을 배우면서 로그인 및 등록 양식을 사용하여 웹 사이트를 만드는 것은 초보자부터 중급 웹 개발자에게 가장 적합한 프로젝트가 될 수 있습니다.
오늘 이 블로그에서는 HTML, CSS 및 JavaScript를 사용하여 로그인 및 등록 양식이 포함된 웹사이트를 구축하는 방법을 배우게 됩니다 . 이전에 로그인 및 등록 양식을 사용하여 많은 웹사이트를 디자인했지만 이들은 별도의 개체로 만들어졌습니다.
주어진 웹사이트 이미지에서 볼 수 있듯이 오늘 만드는 방법을 배우게 될 로그인 및 가입 양식이 포함되어 있습니다. 웹사이트에는 로고가 있는 탐색 모음과 양식을 전환하는 버튼이 있는 탐색 링크가 있습니다. 로그인 및 등록 양식을 전환하려면 양식 하단에 버튼이 있습니다.
HTML CSS 및 JS로 된 로그인 및 등록 양식이 있는 웹사이트
<!DOCTYPE html>
<html lang="KO"_"Yoon">
<head>
<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>Website With Login & Registration Form | Codehal</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
</style>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
const logregBox = document.querySelector('.logreg-box');
const loginLink = document.querySelector('.login-link');
const registerLink = document.querySelector('.register-link');
HTML