Javascript 一个文本区域中有多个独立部分

我想制作一种表单，它有一个大的

textarea

，但分为更小的区域，简单地说，我想创建如下内容：

Section 1
Text text text
--------------
Section 2
text text text
--------------
Section 3
text text text
--------------

等等

并将其全部放在一个

textarea

中，但当我单击第1节时，将加载区域文件（我ofc可以编辑该特定节中的文本），当我单击第2节时，将加载文件（名称仅为示例）。 如果不可能或确实很复杂，那么解决这个问题的最佳方法是什么？请记住，至少会有20-30个部分，它们应该动态创建

---

我在想，是否有可能用HTML/CSS/Javascript实现它。

你可以这样做，但我并不真正理解这一点。方法是始终使用空白分隔符，不允许用户添加或删除此类分隔符。然后，您可以通过使用分隔符分割

文本区域的值来获得不同的部分，并通过将文件加载到数组中并将其连接来初始化它们

但是，为什么你想以这种方式使自己的生活变得过于复杂，并强迫自己实现缓慢而粗糙的算法呢？您可以使用多个
textarea
标记，并将它们设计为看起来像单个
textarea
。除此之外，唯一需要处理的事情是当用户按下下/上箭头时切换
textarea
，例如，在
textarea
的最后/第一行，老实说，我正在考虑一些更好的解决方案，因为制作30-40个看起来像一个的textarea似乎相当粗糙。无论如何，谢谢你的回答。@Krolik如果你计划好了你的设计，那么从这个角度来看，文本区域的数量并不重要。你可以用一个包含多个p标签的div来实现，如果在设计上更适合你的话，你可以设计成你想要的样子，但是你从textarea免费获得的所有功能都必须实现。