帮我写一段登录界面的代码
时间: 2024-03-04 22:22:04 浏览: 27
好的,下面是一个简单的登录界面的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<h1>欢迎登录</h1>
<form action="" method="post">
<div>
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
</div>
<div>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
</div>
<input type="submit" value="登录">
</form>
</body>
</html>
```
这段代码使用了 HTML 表单元素来创建一个登录界面。其中,`<form>` 标签用于创建一个表单,`action` 属性表示提交表单时请求的 URL,`method` 属性表示提交表单的 HTTP 方法。`<input>` 标签用于创建一个表单输入框,`type` 属性表示输入框的类型,`id` 属性表示输入框的 ID,`name` 属性表示输入框的名称。`<label>` 标签用于创建一个输入框的标签,`for` 属性表示关联的输入框的 ID。最后,`<input>` 标签也可以用于创建一个提交按钮。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)