### 回答1：
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form action="login.
php" method="post">
<label for="username">用户名：</label>
<input
type="text" name="username" id="username" />
<label for="password">密码：</label>
<input
type="password" name="password" id="password" />
<input
type="
submit" value="登录" />
</form>
</body>
</html>
### 回答2：
HTML是一种标记语言，用于创建网页的结构和内容。要创建
一个简单的登录界面，我们可以使用HTML元素和属性来构建
表单。以下是
一个使用HTML构建登录界面的示例：
```html
<!DOC
TYPE html>
<html>
<head>
<title>登录界面</title>
</head>
<body>
<h1>用户登录</h1>
<form action="login.
php" method="post">
<label for="username">用户名:</label>
<input
type="text" id="username" name="username" required><br>
<label for="password">密码:</label>
<input
type="password" id="password" name="password" required><br>
<input
type="
submit" value="登录">
</form>
</body>
</html>
```
在这个示例中，我们首先使用`<!DOC
TYPE html>`声明文档类型为HTML。然后，在`<head>`标签中，我们设置了网页的标题为"登录界面"。
在`<body>`标签中，我们使用了`<h1>`标签来显示页面的标题，即"用户登录"。接下来，我们创建了
一个表单来接收用户的输入。
表单使用了`<form>`标签，它有
两个重要的属性：`action`和`method`。`action`属性指定了
表单数据
提交的目标URL（在此示例中为"login.
php"），`method`属性指定了数据
提交的HTTP方法（在此示例中为"post"）。根据实际情况设置这
两个属性。
然后，我们使用`<label>`标签定义了
两个输入字段的标签名称，分别是"用户名"和"密码"。每个标签都使用了`for`属性与相应的输入字段产生关联。
在输入字段方面，我们使用了`<input>`标签。`
type`属性设置了输入字段的类型，分别为"text"和"password"，用于接收用户名和密码。`id`和`name`属性分别指定了字段的ID和名称，用于
区分不同的字段。
最后，我们使用了`<input>`标签创建了
一个提交按钮，它的`
type`属性设置为"
submit"，显示文本为"登录"。
通过这样的HTML代码，我们可以创建
一个简单的登录界面，用于用户输入用户名和密码，并将
表单数据
提交到指定的服务器端脚本进行验证和处理。
### 回答3：
登录界面是
一个常见的网页设计元素，它允许用户输入用户名和密码来访问特定的网页或应用程序。以下是
一个用HTML写的简单登录界面的示例：
```html
<!DOC
TYPE html>
<html>
<head>
<title>登录界面</title>
<style>
body {
text-align: center;
background-color: #f2f2f2;
}
.container {
margin: 150px auto;
width: 300px;
}
input[
type="text"], input[
type="password"] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
}
button:hover {
opacity: 0.8;
}
</style>
</head>
<body>
<div class="container">
<h2>登录</h2>
<form>
<label for="username">用户名</label><br>
<input
type="text" id="username" name="username" required><br>
<label for="password">密码</label><br>
<input
type="password" id="password" name="password" required><br><br>
<button
type="
submit">登录</button>
</form>
</div>
</body>
</html>
```
这段代码创建了
一个基本的登录界面。在浏览器中打开该文件，你将看到
一个带有标题和
表单的界面。
表单中包含
一个用户名和密码输入框，以及
一个登录
按钮。用户可以在输入框中输入所需的信息，然后点击登录
按钮进行登录操作。
扫一扫
3672
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
