HTML基础
<form action="/login" method="post">
<br>
<!-- 表单控件 -->
<br>
<label for="username">用户名：</label>
<br>
<input type="text" id="username" name="username" required>
<br>
<br>
<label for="password">密码：</label>
<br>
<input type="password" id="password" name="password" required>
<br>
<br>
<button type="submit">登录</button>
<br>
</form>
<br>
<br>
（二）常用表单控件
<br>
表单的功能主要通过各种控件实现，<input>标签是最常用的控件，通过type属性可以设置不同的输入类型：
<br>
type="text"：单行文本输入框，用于输入普通文字（如用户名）。
<br>
type="password"：密码输入框，输入的内容会以圆点或星号隐藏。
<br>
type="email"：邮箱输入框，会自动验证输入内容是否符合邮箱格式（如是否包含 “@”）。
<br>
type="number"：数字输入框，只允许输入数字，还可通过min和max属性设置数字范围。
<br>
type="date"：日期选择框，会显示日历供用户选择日期，无需手动输入。
<br>
type="checkbox"：复选框，允许用户选择多个选项（如 “爱好” 选择）：
<br>
<p>爱好：</p>
<br>
<input type="checkbox" id="hobby1" name="hobby" value="reading">
<br>
<label for="hobby1">阅读</label>
<br>