HTML 中创建一个登录表单,其中包含用户名和密码两个输入框
时间: 2023-11-29 14:06:17 浏览: 159
好的,以下是一个基本的 HTML 登录表单,包含用户名和密码两个输入框:
```html
<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>
```
解释一下代码:
- `<form>` 标签用于创建表单。
- `for` 属性为 `<label>` 元素定义标签名称,`<label>` 标签的 `id` 属性与对应的输入框的 `id` 属性相同,以便于点击标签时聚焦到对应的输入框。
- `type` 属性用于指定输入框的类型,`text` 表示文本输入框,`password` 表示密码输入框。
- `name` 属性用于指定输入框的名称,方便在后端处理表单数据时获取对应的值。
- `<input>` 元素中的 `type="submit"` 表示提交按钮,点击后将表单数据发送到服务器进行处理。