HTML5可以讓我們輕松實現用戶登錄,下面是一個簡單的用戶登錄代碼:
<form action="login.php" method="post"> <label for="username">用戶名:</label> <input type="text" name="username" id="username"> <br> <label for="password">密碼:</label> <input type="password" name="password" id="password"> <br> <input type="submit" value="登錄"> </form>
以下是代碼的解釋:
- 使用<form>元素來創建一個表單,它將發送用戶登錄信息到login.php頁面。
- 使用<label>元素來標記“用戶名”和“密碼”字段,這樣就不需要寫額外的注釋。
- 使用<input>元素來創建輸入框,分別用于輸入用戶名和密碼。輸入框的type屬性分別為“text”和“password”,這樣可以掩蓋敏感信息。它們的name屬性將在表單提交時用于識別它們。
- 使用<br>元素來添加換行符,讓表單更易于閱讀。
- 使用<input>元素來創建一個提交按鈕,它的type屬性為“submit”,點擊此按鈕提交表單。