在網頁開發中,經常需要使用彈出登錄頁面的功能,HTML是實現此功能的基礎。
下面是一個簡單的HTML彈出登錄頁面代碼:
<!DOCTYPE html> <html> <head> <title>彈出登錄頁面</title> </head> <body> <h1>歡迎登錄</h1> <button onclick="document.getElementById('login').style.display='block'">登錄</button> <div id="login" style="display:none"> <form> <label>用戶名:</label> <input type="text"><br> <label>密碼:</label> <input type="password"><br> <input type="submit" value="登錄"> </form> </div> </body> </html>
該代碼使用了JavaScript的onclick事件,在用戶點擊“登錄”按鈕時,使id為“login”的div塊顯示。在div塊中,通過<form>標記創建了一個登錄表單,包含用戶名、密碼和提交按鈕。
需要注意的是,div塊在默認情況下是不顯示的,需要設置“display:none”。另外,表單中應該包含一個提交按鈕,否則無法提交登錄信息。
以上就是一個簡單的HTML彈出登錄頁面代碼示例,希望對你有所幫助!
上一篇mysql輸出表中的記錄
下一篇html 當前時間代碼