【html文本框只读】在HTML中，文本框（``）通常用于让用户输入数据。但在某些情况下，我们需要限制用户对文本框的编辑权限，使其仅能查看内容而不能修改。这种功能可以通过设置“只读”属性实现。
一、总结
在HTML中，使用 `readonly` 属性可以将文本框设置为只读状态。该属性不会影响表单提交时的数据传递，但会阻止用户手动更改内容。与 `disabled` 属性不同，`readonly` 的文本框仍可被聚焦，并且在表单提交时会被包含在数据中。
二、表格对比：`readonly` 和 `disabled`
| 特性 | `readonly` | `disabled` |
| 是否允许用户输入 | ❌ 否 | ❌ 否 |
| 是否可以聚焦 | ✅ 是 | ❌ 否 |
| 表单提交时是否包含值 | ✅ 是 | ❌ 否 |
| 样式变化（如灰显） | ✅ 通常会变化 | ✅ 通常会变化 |
| 是否影响表单验证 | ✅ 可以参与验证 | ❌ 不参与验证 |
三、使用示例
```html
```
四、适用场景
- 只读：适用于需要显示信息但不希望用户修改的情况，例如展示系统生成的唯一编号。
- 禁用：适用于暂时不可操作的字段，例如在表单未填写完整时禁用后续输入。
通过合理使用 `readonly` 和 `disabled`，可以提升用户体验并增强表单的交互逻辑。
