HTML登錄框是Web開發(fā)中常用的元素之一。以下是一個簡單的HTML登錄框代碼：
<!DOCTYPE html>
<html>
<head>
<title>登錄框</title>
<style>
/* 樣式定義 */
body {
font-family: Arial, sans-serif;
}
form {
width: 300px;
margin: 0 auto;
border: 1px solid #ccc;
padding: 20px;
}
label {
display: block;
margin-bottom: 10px;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 10px 15px;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<form>
<label>用戶名</label>
<input type="text" name="username" required>
<label>密碼</label>
<input type="password" name="password" required>
<input type="submit" value="登錄">
</form>
</body>
</html>以上代碼定義了一個基本的登錄框。通過使用form元素，我們可以把輸入元素和提交按鈕放置在一起。input元素用于創(chuàng)建文本或密碼輸入，提交按鈕則用于發(fā)送表單數(shù)據(jù)。
此外，我們還使用了一些CSS樣式來美化登錄框。通過設置表單元素的寬度、邊框、內(nèi)邊距等屬性，我們可以創(chuàng)建出一個簡單而實用的登錄框。