登录注册html源代码
时间: 2023-05-15 12:04:14 浏览: 964
HTML是一个超文本标记语言,用于创建网页。登录和注册是网站常见的功能之一,下面是登录注册HTML源代码:
登录页面代码:
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
</head>
<body>
<h1>欢迎登录</h1>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
在这个代码中,我们使用了h1元素来展示欢迎信息。在表单元素中,我们定义了一个用户名输入框和一个密码输入框,以及一个提交按钮。
注册页面代码:
<!DOCTYPE html>
<html>
<head>
<title>注册页面</title>
</head>
<body>
<h1>欢迎注册</h1>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<label for="confirm-password">再次确认密码:</label>
<input type="password" id="confirm-password" name="comfirm-password"><br><br>
<input type="submit" value="注册">
</form>
</body>
</html>
这段代码中展示了一个输入用户名、电子邮件、密码和再次确认密码的表单。使用`type="email"`可以确保用户输入的是合法的邮件地址。提交按钮同样用来提交注册信息。
以上是登录注册HTML源代码的简单介绍。注意,这些代码仅展示了如何创建HTML的登录和注册表单,并不包括与后端交互和验证用户输入的逻辑。