HTML表单和交互功能

HTML表单是用于收集用户数据的一种方式，可以包含各种输入字段和交互功能，例如文本框、单选框、复选框、下拉列表、提交按钮等。

以下是一些常见的HTML表单元素和交互功能：

1. 文本框：用于输入单行文本，例如用户名、密码等。

```html
<input type="text" name="username" placeholder="请输入用户名">
```

2. 密码框：用于输入密码，输入的内容会以星号或圆点的形式显示。

```html
<input type="password" name="password" placeholder="请输入密码">
```

3. 单选框：用于从多个选项中选择一个。

```html
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
```

4. 复选框：用于从多个选项中选择多个或全部。

```html
<input type="checkbox" name="hobby" value="reading">阅读
<input type="checkbox" name="hobby" value="music">音乐
<input type="checkbox" name="hobby" value="sports">运动
```

5. 下拉列表：用于从多个选项中选择一个。

```html
<select name="city">
  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="guangzhou">广州</option>
</select>
```

6. 提交按钮：用于提交表单数据。

```html
<input type="submit" value="提交">
```

7. 重置按钮：用于清空表单数据。

```html
<input type="reset" value="重置">
```

除了以上的表单元素和交互功能，HTML表单还支持一些其他的属性和事件，例如表单验证、自动填充、表单数据存储等。