禁用可滚动文本区域

Question

如何创建一个禁用的可滚动文本区域？这意味着我希望用户能够滚动查看文本区域的内容，但不能编辑它。

- Hector Barbossa

---

它应该在IE和Mozilla中都能工作。 - Hector Barbossa

Answer 1

我认为你需要了解readonly属性。

<textarea readonly>blabla<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></textarea>

尝试这里：链接

- Shikiryu

Answer 2

<textarea readonly="true"></textarea>

只需使用readonly属性。

更新：

<textarea readonly>Some text</textarea>

- RyuuGan

---

realonly 属性只接受一个值—— realonly。true 不可接受。 - Quentin

哎呦，打错了 :) (a) W3Schools 真是垃圾。 (b) 在这里还好，它列出了一个值—— readonly，不是 true，不是 1，不是 yes，只有 readonly。例子中使用了 readonly，而单词 true 在整个页面上都没有出现。 - Quentin

+1 给 W3Schools。是的，你甚至可以写 readonly="false"，但它仍然是真实的 :) - Shikiryu

这是正确的。但是，文本仍然可以被选择，因此还需要添加CSS属性来防止选择。 - chitgoks

Answer 3

为什么要使用 <textarea>，如果用户不能编辑它？

使用固定高度和 overflow:auto; 的简单 <div> 可以解决问题。

- MatTheCat

Answer 4

最简单的方法是使用 "readonly"。

另一种方法是使用一个固定高度的 div，并设置 overflow:scroll，看起来像文本框但实际上不是。

- oezi