1. 文本字段: ```html ``` `type=text`: 表示这是一个文本输入框。 `name=username`: 表示表单提交时该输入框的名称。 `placeholder=请输入用户名`: 表示输入框的占位符文本。
2. 密码字段: ```html ``` `type=password`: 表示这是一个密码输入框,输入的文本会被隐藏。
5. 提交按钮: ```html ``` `type=submit`: 表示这是一个提交按钮。 `value=提交`: 表示按钮上显示的文本。
6. 文件上传: ```html ``` `type=file`: 表示这是一个文件上传控件。 `name=file`: 表示表单提交时该控件的名称。 `accept=image/`: 表示只接受图像文件。
7. 隐藏字段: ```html ``` `type=hidden`: 表示这是一个隐藏字段,用户看不到,但表单提交时会包含该字段的值。 `name=token`: 表示表单提交时该字段的名称。 `value=abc123`: 表示该字段的值。
8. 按钮: ```html ``` `type=button`: 表示这是一个普通按钮。 `value=点击我`: 表示按钮上显示的文本。
9. 重置按钮: ```html ``` `type=reset`: 表示这是一个重置按钮,点击后会重置表单中的所有输入。
10. 图像按钮: ```html ``` `type=image`: 表示这是一个图像按钮。 `src=button.jpg`: 表示按钮的图像源。 `alt=提交`: 表示图像无法显示时的替代文本。 `width=100` 和 `height=50`: 表示图像的宽度和高度。
```html