在HTML上實現登錄和注冊功能是很常見的需求。很多網站都需要用戶登錄才能訪問特定的內容,為了實現這一功能,我們需要使用HTML代碼來創建一個簡單但有效的登錄界面,并添加用戶注冊功能。
<form> <h2>登錄</h2> <label>用戶名:</label> <input type="text" name="username"><br><br> <label>密碼:</label> <input type="password" name="password"><br><br> <input type="submit" value="登錄"><br><br> <a href="register.html">注冊新賬號</a> </form>
上面的代碼將創建一個簡單的登錄表單,其中包含用戶名和密碼文本框以及登錄按鈕。在表單的底部,有一個“注冊新賬號”的鏈接,它可以引導用戶跳轉到注冊頁面。
<form> <h2>注冊新賬號</h2> <label>用戶名:</label> <input type="text" name="username" required><br><br> <label>密碼:</label> <input type="password" name="password" required><br><br> <label>確認密碼:</label> <input type="password" name="confirm_password" required><br><br> <label>電子郵件:</label> <input type="email" name="email" required><br><br> <input type="submit" value="注冊"> </form>
上面的代碼將創建一個簡單的用戶注冊表單,其中包括必填字段:用戶名、密碼、確認密碼和電子郵件。在提交表單之前,頁面將檢查所有必填字段是否已填并匹配。如果不匹配,則會提示用戶進行相關修改。
通過以上的HTML代碼,我們現在可以創建一個簡單的登錄和注冊功能并添加到網站上。我們可以使用CSS來定制表單,從而使其與網站的外觀和感覺保持一致。
下一篇css 刪除左邊邊框