html表单登录页面
时间: 2024-04-29 12:15:55 浏览: 15
HTML表单登录页面是一种常见的用户认证方式,用于用户在网站或应用程序中输入用户名和密码进行登录。以下是一个简单的HTML表单登录页面的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h2>Login</h2>
<form action="login.php" method="POST">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="Login">
</form>
</body>
</html>
```
在上面的示例中,我们使用`<form>`元素创建了一个表单,并将其`action`属性设置为`login.php`,表示在用户提交表单时将数据发送到`login.php`处理。`method`属性设置为`POST`,表示使用POST方法发送表单数据。
表单中包含两个输入字段:用户名和密码。`<input>`元素用于创建输入字段,`type`属性设置为`text`和`password`分别表示文本输入和密码输入。`id`属性用于标识字段,`name`属性用于指定字段的名称,这些名称将在后端处理程序中使用。
最后,我们使用`<input>`元素创建了一个提交按钮,用户点击该按钮后将提交表单数据。