在文本区域中设置为只读

Making read-only in textarea

本文关键字：只读 设置 文本 区域      更新时间：2023-09-26

我需要一个巨大的字段，在那里我既可以让客户端编写文本，也可以在其中包含html元素。

想象一下控制台，如果你愿意的话 - 第一行（me@linuxbox：~$）或类似的东西，是客户端无法操作的元素，在这个元素之后，客户端可以键入他们想要的任何内容。

https://jsfiddle.net/a1k2xo0d/1/

<div id="container">
<textarea>
<p>me@linuxbox:~$</p>text........................................................................................................................................................................................................................................................................................................... 
</textarea>

我相信

你正在尝试制作某种控制台。

尝试使用一些JS的<input>标签

小提琴

这是更新的小提琴 -

  1. 使用position:absolute并调整textarea span
  2. 把这么多padding-left留给textarea

链接 - https://jsfiddle.net/rLvr7n3r/1/

相关文章：