有關電商網(wǎng)站的開發(fā),登錄和注冊是必不可少的一部分。為了節(jié)省開發(fā)時間,我們可以使用開源的HTML登錄注冊代碼,這些代碼大多數(shù)都是免費的并且已經(jīng)通過了安全性測試。
<!--登錄頁面--> <!DOCTYPE html> <html> <head> <title>登錄</title> </head> <body> <div id="login-box"> <h1>登錄</h1> <form action="#" method="post"> <label>用戶名:</label><br> <input type="text" name="username" required><br><br> <label>密碼:</label><br> <input type="password" name="password" required><br><br> <input type="submit" value="登錄"> </form> <p>還沒有賬號?</p> <a href="register.html">點擊注冊</a> </div> </body> </html>
以上是一個簡單的HTML登錄頁面,其中包含用戶名和密碼的輸入框以及一個登錄按鈕。如果用戶還沒有賬號,可以通過點擊“點擊注冊”鏈接跳轉(zhuǎn)到注冊頁面。
下面是HTML注冊頁面的代碼:
<!--注冊頁面--> <!DOCTYPE html> <html> <head> <title>注冊</title> </head> <body> <div id="register-box"> <h1>注冊</h1> <form action="#" method="post"> <label>用戶名:</label><br> <input type="text" name="username" required><br><br> <label>密碼:</label><br> <input type="password" name="password" required><br><br> <label>再次輸入密碼:</label><br> <input type="password" name="confirmPassword" required><br><br> <label>電子郵件地址:</label><br> <input type="email" name="email" required><br><br> <input type="submit" value="注冊"> </form> <p>已有賬號?</p> <a href="login.html">點擊登錄</a> </div> </body> </html>
與登錄頁面類似,注冊頁面包含了一些必填的表單字段和一個注冊按鈕。如果用戶已經(jīng)有了賬號,可以通過點擊“點擊登錄”鏈接跳轉(zhuǎn)到登錄頁面。