Html 文本区域：当文本填充宽度和高度时，如何不允许更多文本

我需要在div中使用文本区域：

<div class="text-container">
    <textarea type="text"></textarea>
</div>

例如，将textarea设置为：

.text-container textarea {
    widht: 100%;
    height: 100%;
}

文本区域将与div一样大。问题是我不想要卷轴或类似的东西。如果文本填充了整个文本区域，我不想允许更多的文本输入

---

如何实现这一点？

您需要将文本区域的“调整大小”设置为“无”

textarea {
  resize: none;
}

参考文献

---

使用溢出样式：

style="overflow:hidden"

---

将

maxlength

属性与

resize:none组合使用和
溢出：隐藏

工作示例

调整textarea的大小时，javaScript应更新
maxlength

html:

用html，你真的不能。放上一些javascript并计算字符或其他东西。这与css有什么关系？你在抱怨css抹刀不能焊接你的浴室管道。css用于设置样式。这与限制输入字段中输入的字符无关。是的，css将为您设置为400x400。400x400是否包含单词“kittens”或“war and peace”的全部内容不是css的问题。您可以将
maxlength
设置为文本区域框（即
）。唯一不同的是使用JS/jQuery。这只能阻止它通过从右下角拖动来调整textarea的大小。这个问题有几个方面。这个答案将解决部分问题。其他功能是添加overflow:hidden样式（用于禁用滚动）并使用“maxlength”属性来防止用户键入更多字符。不，这将仅禁用滚动条，但用户仍可以在文字填充文本区域后键入，而看不到文字。它将与“maxlength”属性。这不太可靠。当谈到宽度时，
i
和
w
之间的区别是什么？即使使用单空格字体，自动换行仍然会把事情搞砸。唯一的100%解决方案是js。
style="overflow:hidden"

<textarea maxlength="160" placeholder="type max 160 characters"></textarea>

textarea {
    resize: none;
    width: 200px;
    height: 100px;
    overflow: hidden;
}