Javascript 文本区域充满了行

是否有任何html组件或文本区域可能是这样的

我想在我的web应用程序中创建一个文章区。我尝试使用文本框，但他必须单击下一个文本框或选项卡来执行此操作。如果用户到达末尾并移动到下一行，我希望它自动断开。

您可以使用html5，您可以利用

contenteditable

属性，创建重复的背景图像，并将其应用到用作文章区的div

对不起，我错过了明显的答案！这只是将背景图像应用到文本区域

---

下面是一个使用数据URI（）

使用此HTML：

<textarea placeholder='type your answer here'></textarea>

---

如果我在表单中使用它，如何将文本放入其中？您可以创建一个隐藏的textarea元素，并使用希望发布的名称

，然后在表单上设置一个

onsubmit

事件处理程序，将textarea的innerhtml设置为div的innerhtml。如果我将其放入div中，文本将写入textarea中？查看更新的不停摆弄您需要在表单中设置一个文本区域。div在哪里并不重要，因为它的内容没有发布。如果键入的内容超过了框所能容纳的范围，并且必须滚动怎么办？幻觉被打破了：Pthere真的没有办法做到这一点吗？有一个CSS属性称为background attachment:local（），或者您可以使文本区域随着输入而增长（请参阅任何自动增长脚本）但是目前Firefox不支持CSS属性。

<textarea placeholder='type your answer here'></textarea>

textarea {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMgSURBVHhe7cuxCcAAEMSw33/pZAEXVwUCErj0AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACfesZW9VareqtVvdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91arealVvtaq3mtVcreqtVvVWq3qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtVvdWq3mpVbzWruVrVW63qrVb1Vqt6q1W91arealVvtaq3WtVbreqtVvVWq3qrVb3Vqt5qVnO1qrda1Vut6q1W9VareqtVvdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91azmalVvtaq3WtVbreqtVvVWq3qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtZzdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91arealVvtaq3WtVbreqtVvVWs5qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtVvdWq3mpVb7Wqt1rVW63qrWY1V6t6q1W91arealVvtaq3WtVbreqtVvVWq3qrVb3Vqt5qVW+1qrda1VvNaq5W9VareqtVvdWq3mpVb7Wqt1rVW63qrVb1Vqt6q1W91arealVvtaq3mtVcreqtVvVWq3qrVb3Vqt5qVW+1qrda1Vut6q1W9VareqtVvdWq3mpVbwUAAAAAAAAAAAAAAL9z9wLhMdZwPdQSQQAAAABJRU5ErkJggg==);
    background-size: 30px auto;
    line-height: 30px;
    width: 100%;
    height: 300px;
}