HTML写一个好看的用户注册登录界面并且登录后跳转到CSDN
时间: 2024-01-31 10:02:25 浏览: 31
好的,这是一个示例的HTML代码,可以用来创建一个美观的用户注册登录界面,并在登录后跳转到CSDN。请注意,这只是一个示例,您可以自由修改和定制界面以适合您的需求。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册登录界面</title>
<style>
/* 这里可以添加CSS样式来设计界面 */
</style>
</head>
<body>
<h1>用户注册登录界面</h1>
<!-- 注册表单 -->
<h2>注册</h2>
<form action="/register" method="post">
<label for="username">用户名:</label><br>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label><br>
<input type="password" id="password" name="password"><br>
<input type="submit" value="注册">
</form>
<!-- 登录表单 -->
<h2>登录</h2>
<form action="/login" method="post" onsubmit="return validateForm()">
<label for="username">用户名:</label><br>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label><br>
<input type="password" id="password" name="password"><br>
<input type="submit" value="登录">
</form>
<!-- 脚本,用于在登录后跳转到CSDN -->
<script>
function validateForm() {
// 校验表单数据
// 如果校验通过,则跳转到CSDN
window.location.href = "https://www.csdn.net/";
return false;
}
</script>
</body>
</html>
```
希望这对您有帮助。