写一个html 登录页面
时间: 2023-09-06 13:05:14 浏览: 47
### 回答1:
<html>
<head>
<title>登录页面</title>
</head>
<body>
<h1>登录</h1>
<form action="login.php" method="post">
<label for="username">用户名</label>
<input type="text" name="username" id="username">
<br>
<label for="password">密码</label>
<input type="password" name="password" id="password">
<br>
<input type="submit" value="登录">
</form>
</body>
</html>
### 回答2:
<html>
<head>
<title>登录页面</title>
</head>
<body>
<h2>用户登录</h2>
<form action="" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="登录">
<input type="reset" value="重置">
</form>
</body>
</html>
这是一个简单的HTML登录页面,页面中包含一个标题“用户登录”,以及一个表单包含用户名和密码的输入框,以及登录和重置按钮。
在表单标签中,我们使用"action"属性设置表单提交的URL地址(可以根据实际需求填写相应的URL),并且使用"post"方法提交表单数据。
用户名输入框使用<input>标签,类型为"text",同时设置一个"required"属性,表示该输入框必填。
密码输入框也是使用<input>标签,类型为"password",同样设置"required"属性,以确保用户填写密码。
最后,我们使用<input>标签创建了两个按钮:一个是"登录"按钮,另一个是"重置"按钮,用于提交表单和清空表单内容。
以上就是一个简单的HTML登录页面的代码。
注意:由于以上代码是静态的,所以需要使用服务器端技术(如PHP、Java、Python等)来处理提交的登录表单,验证用户名和密码并进行相应的登录逻辑处理。
### 回答3:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录页面</title>
</head>
<body>
<h1>用户登录</h1>
<form action="login.php" method="post">
<div>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
</div>
<br>
<div>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
</div>
<br>
<div>
<input type="submit" value="登录">
</div>
</form>
</body>
</html>
以上是一个简单的HTML登录页面的代码。页面中包含一个标题"H1"标签,显示"用户登录"。接下来是一个表单"form"标签,使用POST方法将用户输入的用户名和密码发送到名为"login.php"的服务器端脚本进行验证。表单中包含两个文本输入框"input",一个用于输入用户名,另一个用于输入密码。用户名和密码的输入框都加上了"required"属性,表示这两个字段不能为空。最后是一个提交按钮"input type="submit" value="登录",点击该按钮将提交表单数据。