一、基本结构

一个简单的``标签通常包含以下几个部分：

- `action`：指定表单提交到的URL。

- `method`：指定提交数据的方式（GET或POST）。

- `name`：为表单命名，方便JavaScript操作。

- ``、``、`<select>`等：用于输入数据的控件。</p><p>二、常用属性总结</p><table><tbody><tr><td> 属性名 </td><td> 说明 </td><td> 示例 </td></tr><tr><td> `action` </td><td> 指定表单提交的目标地址 </td><td> `action="/submit"` </td></tr><tr><td> `method` </td><td> 指定提交方式（GET/POST） </td><td> `method="post"` </td></tr><tr><td> `name` </td><td> 表单的名称，用于识别表单 </td><td> `name="user_form"` </td></tr><tr><td> `enctype` </td><td> 设置表单编码类型（用于文件上传） </td><td> `enctype="multipart/form-data"` </td></tr><tr><td> `target` </td><td> 指定响应页面的打开方式 </td><td> `target="_blank"` </td></tr><tr><td> `autocomplete` </td><td> 控制自动填充功能 </td><td> `autocomplete="on"` </td></tr><tr><td> `novalidate` </td><td> 禁用浏览器默认的表单验证 </td><td> `novalidate` </td></tr></tbody></table><p>三、常见表单控件</p><table><tbody><tr><td> 控件 </td><td> 说明 </td><td> 示例代码 </td></tr><tr><td> `<input type="text">` </td><td> 单行文本输入框 </td><td> `<input type="text" name="username">` </td></tr><tr><td> `<input type="password">` </td><td> 密码输入框 </td><td> `<input type="password" name="password">` </td></tr><tr><td> `<input type="email">` </td><td> 邮箱输入框（自动验证） </td><td> `<input type="email" name="email">` </td></tr><tr><td> `<input type="radio">` </td><td> 单选按钮 </td><td> `<input type="radio" name="gender" value="male">` </td></tr><tr><td> `<input type="checkbox">` </td><td> 复选框 </td><td> `<input type="checkbox" name="hobby" value="reading">` </td></tr><tr><td> `<textarea>` </td><td> 多行文本输入框 </td><td> `<textarea name="comment">` `` 下拉选择框 `China` `` 提交按钮 `提交`

四、表单提交方式

五、注意事项

- `method`默认为`GET`，但推荐使用`POST`进行数据提交。

- 使用`enctype="multipart/form-data"`时，需配合``实现文件上传。

- 表单数据可以通过JavaScript进一步处理或验证。

- 合理使用`required`属性可增强表单的可用性。

六、示例代码

```html

用户名：

密码：

性别：

男

女

邮箱：

提交

以上就是【form在html中的用法】相关内容，希望对您有所帮助。