HTML 登錄表單是一個常見的網頁功能,它可以讓網站的用戶輸入他們的用戶名和密碼以便登錄到網站。為了實現這個功能,我們需要編寫一些 HTML 和 CSS 代碼來創建和樣式化表單。下面是一個簡單的 HTML 登錄表單代碼示例:
<form action="login.php" method="post"> <label for="username">用戶名:</label> <input type="text" id="username" name="username"> <label for="password">密碼:</label> <input type="password" id="password" name="password"> <input type="submit" value="登錄"> </form>
在上面的代碼中,我們首先創建了一個名為“form”的 HTML 表單,并將其設置為以 POST 方法提交到“login.php”這個服務器端腳本。在表單中,我們創建了兩個標簽,一些文本輸入框和一個提交按鈕。標簽的作用是描述輸入框的內容,同時也可以讓屏幕閱讀器正確地讀取輸入框的標簽名稱。
在接下來的行中,我們為每個輸入框設置了“id”和“name”屬性。這些屬性用于標識輸入框,以便在提交表單時可以將其值發送到服務器。例如,“username”輸入框將在服務器端用“$_POST['username']”這個變量存儲其值。
最后,在代碼的最后一行,我們創建了一個“submit”按鈕,其值為“登錄”。點擊該按鈕將提交表單,并將其值發送到服務器端腳本。此時,我們可以在服務器端代碼中讀取表單數據,并進行相應處理,例如:驗證用戶憑據或重定向到其他頁面。
下一篇vue模態框slot