【html文本框只读】在HTML中，文本框（``）是用户输入数据的重要元素。但在某些情况下，我们希望用户只能查看文本框中的内容，而不能进行编辑。这时，就可以使用“只读”属性来实现这一功能。
一、
在HTML中，可以通过设置`readonly`属性来使文本框变为只读状态。该属性是一个布尔属性，只需在标签中添加即可生效。与`disabled`属性不同，只读文本框仍然可以被聚焦，并且在表单提交时仍会传递其值。因此，在需要限制用户输入但又希望保留数据提交能力的场景下，“只读”是一个更合适的选择。
此外，还可以通过JavaScript动态控制文本框的只读状态，以实现更复杂的交互逻辑。
二、表格展示
| 属性名称 | 是否可编辑 | 是否可提交 | 是否可聚焦 | 是否支持JS控制 |
| `readonly` | ✅ 否 | ✅ 是 | ✅ 是 | ✅ 是 |
| `disabled` | ✅ 否 | ❌ 否 | ❌ 否 | ✅ 是 |
| 默认状态 | ✅ 是 | ✅ 是 | ✅ 是 | ❌ 否 |
三、示例代码
```html
```
四、适用场景
- 只读模式：用于显示系统生成的数据，如订单编号、用户名等。
- 禁用模式：用于暂时不可操作的字段，如等待加载完成后的输入框。
通过合理使用`readonly`和`disabled`属性，可以有效提升用户体验并确保数据的安全性。