HTML 點擊登錄跳轉頁面代碼
在網頁開發中,很多時候需要添加一個登錄頁面,其中一個功能就是點擊登錄按鈕跳轉至另一個頁面。下面是一個簡單的 HTML 代碼示例:
<form action="login.php" method="post"> <label for="username">用戶名:</label><input type="text" id="username" name="username"><br> <label for="password">密碼:</label><input type="password" id="password" name="password"><br> <input type="submit" value="登錄"> </form> <script type="text/javascript"> const form = document.querySelector('form'); form.addEventListener('submit', (event) => { event.preventDefault(); window.location.href = 'home.html'; }); </script>
在上面的代碼中,我們先定義了一個表單,包含用戶名、密碼輸入框和一個提交按鈕。提交按鈕使用 input 元素,并將 type 屬性設為 "submit",以便用戶單擊時提交表單。
接著我們使用 JavaScript 給表單添加了一個 submit 事件監聽器,當用戶點擊提交按鈕時,會阻止默認的表單提交行為,而是通過 window.location.href 屬性跳轉到指定頁面。在這個例子中,我們跳轉到名為 "home.html" 的頁面。
總之,這是一個簡單但有效的 HTML 點擊登錄跳轉頁面代碼示例。通過添加事件監聽器來捕獲提交按鈕的點擊事件,并使用 window.location.href 屬性將用戶重定向到其他頁面。