HTML注冊登錄頁面模板,左右切換,用戶注冊、用戶登錄兩種功能。
時(shí)間:2023-09-08 08:30:02 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-09-08 08:30:02 來源:網(wǎng)站運(yùn)營
HTML注冊登錄頁面模板,左右切換,用戶注冊、用戶登錄兩種功能。:<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>HTML注冊登錄頁面模板</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="content">
<div class="form sign-in">
<h2>歡迎回來</h2>
<label>
<span>郵箱</span>
<input type="email" />
</label>
<label>
<span>密碼</span>
<input type="password" />
</label>
<p class="forgot-pass"><a href=" ">忘記密碼?</a ></p >
<button type="button" class="submit">登 錄</button>
<button type="button" class="fb-btn">使用 <span>facebook</span> 帳號登錄</button>
</div>
<div class="sub-cont">
<div class="img">
<div class="img__text m--up">
<h2>還未注冊?</h2>
<p>立即注冊,發(fā)現(xiàn)大量機(jī)會!</p >
</div>
<div class="img__text m--in">
<h2>已有帳號?</h2>
<p>有帳號就登錄吧,好久不見了!</p >
</div>
<div class="img__btn">
<span class="m--up">注 冊</span>
<span class="m--in">登 錄</span>
</div>
</div>
<div class="form sign-up">
<h2>立即注冊</h2>
<label>
<span>用戶名</span>
<input type="text" />
</label>
<label>
<span>郵箱</span>
<input type="email" />
</label>
<label>
<span>密碼</span>
<input type="password" />
</label>
<button type="button" class="submit">注 冊</button>
<button type="button" class="fb-btn">使用 <span>facebook</span> 帳號注冊</button>
</div>
</div>
</div>
<script src="js/script.js"></script>
<div style="text-align:center;">
</div>
</body>
</html>