html网页制作登录页面
时间: 2024-01-03 12:22:29 浏览: 31
以下是一个简单的HTML登录页面的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<div>
<label for="username">账号</label>
<input type="text" name="username">
</div>
<div>
<label for="pass">密码</label>
<input type="password" name="pass">
</div>
</form>
</body>
</html>
```
在上面的示例中,我们使用了`<form>`标签来创建一个表单。表单中包含两个`<div>`元素,每个`<div>`元素包含一个`<label>`标签和一个`<input>`标签。`<label>`标签用于显示文本,`<input>`标签用于接收用户输入的数据。其中,账号输入框使用了`type="text"`属性,密码输入框使用了`type="password"`属性。
此外,我们还引入了一个外部样式表`style.css`,用于定义页面的样式。你可以根据自己的需求在样式表中添加样式规则来美化登录页面。