這是一片關于HTML用戶登錄界面開源代碼的文章。

HTML是網頁開發的基礎語言之一，而用戶登錄界面是無數網站和應用程序的必備元素。本文將分享一個簡潔易用的HTML用戶登錄界面開源代碼，供大家參考與使用。

<!--登錄表單-->
<form class="login-form">
<input type="text" placeholder="用戶名">
<input type="password" placeholder="密碼">
<input type="submit" value="登錄">
</form>

以上為登錄表單的HTML代碼，使用標準的form標簽來創建表單。在表單中我們設置了兩個輸入框，分別用于輸入用戶名和密碼，同時我們也設置了一個登錄按鈕。在輸入框中用placeholder屬性添加了提示文本，與頁面風格相匹配。

<!--樣式-->
<style>
body {
font-family: verdana, sans-serif;
background-color: #f2f2f2;
}
.login-form {
background-color: #fff;
padding: 20px;
border-radius: 10px;
width: 300px;
margin: auto;
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
input[type="text"], input[type="password"] {
font-size: 16px;
padding: 10px;
margin: 10px 0;
border: 1px solid #eee;
border-radius: 5px;
width: 100%;
}
input[type="submit"] {
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px;
font-size: 16px;
width: 100%;
margin-top: 20px;
cursor: pointer;
}
</style>

以上為樣式部分的代碼。我們為整個頁面添加了一個背景顏色，使得頁面看起來更加舒適。為登錄表單添加了一個背景顏色和邊框，使得整個表單看起來更加立體且美觀。同時，我們還為輸入框和登錄按鈕添加了自己的樣式，讓它們看起來更加豐富有立體感。

使用以上代碼，我們可以很輕松地構建出一個簡單好用的HTML用戶登錄界面，該代碼也支持各種瀏覽器和設備。希望本文能夠對大家的網頁開發有所幫助!