html语言创建登陆界面
时间: 2024-11-23 08:25:17 浏览: 14
使用html语言设计登陆界面
HTML语言主要用于构建网页结构,创建登录界面通常需要结合CSS进行样式设计和JavaScript进行交互功能。以下是一个简单的HTML登录表单的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <!-- 引入CSS样式文件 -->
</head>
<body>
<div class="login-container">
<h2>登录</h2>
<form id="login-form">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<button type="submit">登录</button>
<a href="#" class="forgot-password">忘记密码?</a>
</form>
<p>还没有账号? <a href="#">注册</a></p>
</div>
<script src="scripts.js"></script> <!-- 引入JavaScript脚本 -->
</body>
</html>
```
在这个例子中,我们有输入框用于输入用户名和密码,一个提交按钮,以及一个链接允许用户找回密码。`<form>`标签定义了表单,`required`属性确保必填字段不为空。
阅读全文