在網站開發中,登陸跳轉界面是一個非常重要的功能。HTML代碼可以用來創建這樣的界面,實現用戶的登陸和跳轉。下面我們來看一下登陸跳轉界面的HTML代碼。
首先,我們需要創建一個登陸表單,使用戶可以輸入他們的用戶名和密碼。HTML代碼如下:
<form action="login.php" method="POST"> <p>用戶名:<input type="text" name="username"></p> <p>密碼:<input type="password" name="password"></p> <p><input type="submit" value="登陸"></p> </form>上面的代碼創建了一個表單,其中包括兩個輸入框和一個提交按鈕。當用戶填寫好用戶名和密碼后,點擊提交按鈕后,表單將會向“login.php”頁面發送POST請求。 接下來,我們需要在“login.php”頁面中對用戶輸入的用戶名和密碼進行驗證,并且根據驗證結果進行跳轉。HTML代碼如下:
<?php $username = $_POST['username']; $password = $_POST['password']; if ($username == 'admin' && $password == '123456') { header('Location: welcome.html'); exit; } else { echo "<p>登陸失敗,請重試!</p>"; echo "<a href='login.html'>返回登陸界面</a>"; } ?>上面的代碼首先獲取用戶輸入的用戶名和密碼,然后進行驗證。如果用戶名和密碼正確,則使用header()函數將用戶跳轉到“welcome.html”頁面。如果用戶名或密碼錯誤,則顯示一個錯誤信息,并且提供一個鏈接以返回登陸界面。 以上是完整的登陸跳轉界面的HTML代碼。通過這個代碼,我們可以實現一個簡單的登陸功能,并且在驗證通過后自動跳轉到其他頁面。
上一篇鼠標樣式 css代碼
下一篇flv直播vue