在web開發中,登錄頁面是一個必不可少的環節。當我們使用HTML和CSS制作登錄頁面時,可以用以下代碼:
在HTML中創建input標簽以獲取用戶輸入信息:
<form> <label>用戶名:</label> <input type="text" name="username"><br><br> <label>密碼:</label> <input type="password" name="password"><br><br> <input type="submit" value="登錄"> </form>
在CSS中添加樣式制作頁面布局:
form { margin: 50px auto; text-align: center; width: 400px; } label { display: inline-block; text-align: left; width: 100px; } input[type="text"], input[type="password"] { border: 1px solid #ccc; border-radius: 4px; height: 30px; width: 250px; } input[type="submit"] { background-color: #4CAF50; border: none; border-radius: 4px; color: white; cursor: pointer; height: 40px; width: 100px; margin-top: 20px; }在以上代碼中,我們使用了HTML的input標簽來獲取用戶輸入信息,其中type屬性為text和password用于輸入用戶名和密碼。而CSS樣式則用于布局、美化頁面。 通過以上代碼,我們可以得到一個簡單的登錄頁面,外觀美觀、易于使用。同時,學習使用CSS制作頁面也是我們web開發之路不可或缺的一部分。
上一篇MySQL數據類型可分為
下一篇css制作歌單