表单属性总结
一、<form> 标签属性
| 属性 | 作用 |
|---|---|
action | 指定表单数据提交的 URL（如 action="/submit"） |
method | 提交方式：get（数据附在 URL）或 post（数据在请求体） |
name | 表单名称（用于 JavaScript 引用，非必填） |
target | 控制提交后响应的显示位置（如 _blank 新窗口打开） |
enctype | 仅 method="post" 时有效，指定数据编码方式（默认 application/x-www-form-urlencoded） |
二、表单元素通用属性
| 属性 | 作用 |
|---|---|
name | 表单提交时的字段名（后端接收数据的键） |
value | 表单元素的值（提交时传递给后端） |
disabled | 禁用元素（数据不提交） |
required | 设置为必填项（提交前必须填写） |
readonly | 只读（可选中但不可编辑） |
三、常见表单元素特有属性
1. <input> 通用属性
| 属性 | 作用 |
|---|---|
type | 指定输入类型（如 text、password、radio、checkbox 等） |
placeholder | 输入框提示文本（灰色显示，输入时消失） |
maxlength | 最大输入长度（字符数限制） |
2. 单选框 / 复选框特有
| 属性 | 作用 |
|---|---|
checked | 默认选中（存在即生效） |
multiple | 仅 type="file" 时有效，允许多文件上传 |
3. <select> 下拉框
| 属性 | 作用 |
|---|---|
multiple | 允许多选（需按住 Ctrl/Command） |
size | 显示的选项数量（默认下拉，设置后变为列表框） |
4. <textarea> 文本域
| 属性 | 作用 |
|---|---|
rows | 显示的行数 |
cols | 显示的列数（字符宽度） |
四、提交按钮属性
| 属性 | 作用 |
|---|---|
type | 按钮类型：submit（提交表单）、reset（重置表单）、button（普通按钮） |
五、特殊场景属性
| 属性 | 作用 |
|---|---|
pattern | 仅 input 有效，设置正则表达式验证 |
min/max | 仅数字类型有效，设置最小值 / 最大值 |
step | 仅数字类型有效，设置增减步长（如 step="0.1"） |