HTML是一種標記語言,用于創建網頁。用戶登錄界面是構建每個網站的基礎之一,本文將為您介紹HTML用戶登錄界面的代碼。
<form> <label for="username">用戶名:</label> <input type="text" id="username" name="username"> <br><br> <label for="password">密碼:</label> <input type="password" id="password" name="password"> <br><br> <input type="submit" value="登錄"> </form>
以上是最基本的HTML用戶登錄界面的代碼。它包含一個form元素,里面包含兩個輸入框和一個提交按鈕。通過設置輸入框的type屬性,您可以選擇的類型,比如文本框、密碼框等。輸入框的id和name屬性用于將數據發送給服務器端進行驗證。
如果您想要添加一些自定義樣式,我們可以使用CSS對用戶登錄界面進行美化。例如,您可以添加背景顏色、字體顏色等等。
form { background-color: lightgrey; padding: 20px; } label { display: block; margin-bottom: 10px; } input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; } input[type=submit] { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } input[type=submit]:hover { background-color: #45a049; }
如上所述,以上代碼是一個基本的用戶登錄界面,可以通過CSS添加自定義樣式讓其更好看、更易用。
上一篇css 動畫出現太慢
下一篇css 圖片元素居中對齊