### HTML `form` 标签的使用方法、属性及其示例 #### 使用方法 HTML 中的 `<form>` 标签用于构建表单，以便收集用户的输入信息。它是一个容器标签，以 `<form>` 开始并以 `</form>` 结束[^2]。 #### 基本结构 以下是 `<form>` 的基本结构： ```html <form> <!-- 表单项 --> </form> ``` #### 主要属性 1. **action 属性** - 定义了当用户提交表单时，数据发送到哪个 URL 地址进行处理。 - 示例：`<form action="/submit-form">...</form>` 2. **method 属性** - 指定提交表单数据的方式，可以是 `GET` 或 `POST`。 - `GET`: 数据会附加在 URL 后面传递给服务器，适合少量数据传输。 - `POST`: 数据通过 HTTP 请求体发送，安全性更高，适用于敏感数据或大量数据传输。 - 示例：`<form method="post">...</form>`[^4] 3. **required 属性** - 该布尔属性表示字段为必填项，如果未填写则无法提交表单。 - 示例：`<input type="text" name="username" required>`[^1] 4. **其他常用属性** - **enctype**: 当 `method="post"` 时指定编码类型，默认为 `application/x-www-form-urlencoded`；上传文件时需设置为 `multipart/form-data`。 - **target**: 指定提交后的页面显示位置（如 `_blank` 打开新窗口）。 #### 示例代码 以下是一个完整的 HTML 表单示例： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML Form 示例</title> </head> <body> <h2>注册表单</h2> <form action="/register" method="post"> 用户名：<input type="text" name="username" required><br><br> 密码：<input type="password" name="password" required><br><br> 邮箱：<input type="email" name="email"><br><br> 性别： <label><input type="radio" name="gender" value="male">男</label> <label><input type="radio" name="gender" value="female">女</label><br><br> 爱好： <label><input type="checkbox" name="interests" value="reading">阅读</label> <label><input type="checkbox" name="interests" value="sports">运动</label><br><br> 自我介绍：<textarea name="introduction"></textarea><br><br> <button type="submit">提交</button> </form> </body> </html> ``` 此示例涵盖了常见的表单控件，包括文本框、密码框、电子邮件输入框、单选按钮、复选框和多行文本区域[^3]。 ---