html5设计登录注册界面
时间: 2023-09-25 10:07:58 浏览: 31
以下是一个基本的HTML5设计登录注册界面的示例:
<!DOCTYPE html>
<html>
<head>
<title>Login/Register Form</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1>Login/Register Form</h1>
<form id="login" class="form-group">
<h2>Login</h2>
<label for="username">Username</label>
<input type="text" id="username" name="username" required>
<label for="password">Password</label>
<input type="password" id="password" name="password" required>
<button type="submit">Login</button>
</form>
<form id="register" class="form-group">
<h2>Register</h2>
<label for="new_username">Username</label>
<input type="text" id="new_username" name="new_username" required>
<label for="new_password">Password</label>
<input type="password" id="new_password" name="new_password" required>
<label for="confirm_password">Confirm Password</label>
<input type="password" id="confirm_password" name="confirm_password" required>
<button type="submit">Register</button>
</form>
</div>
</body>
</html>
在此示例中,我们创建了一个包含登录和注册表单的容器。每个表单都有一个标题,一些标签和输入字段以及一个提交按钮。我们还包含了一个CSS样式表以添加样式和布局。您可以根据自己的需求进行修改和定制。