我已经挖掘了很多,但仍然没有找到我的案子的答案。我有一些模型窗口,里面有一些文本区域:
<div class="form-group">
<label for="groupDescription" class="col-sm-2 control-label">
Description: </label>
<div class="col-sm-10">
<form:textarea path="groupDescription" cssClass="form-control" />
<form:errors path="groupDescription" />
</div>
</div>
它自动具有与此窗口中的输入表单相同的宽度,这很好。但!我可以调整它的大小,因此它可以在模态窗口边框之外。如何禁用此宽度调整大小?对于长度,我想设置一些选项,例如"长度为 2 行,但不超过 10 行"。你能帮忙吗?另外,我可以在没有JavaScript的情况下做到这一点吗?提前感谢!:)
附言抱歉,我需要编辑标题。
resize: vertical;
,这将仅允许垂直调整大小。
为了防止textarea
调整大小,您只需将 CSS 属性添加到 textarea 类resize: none;
即可。
除此之外,<form:textarea>
与html文本区域没有区别,它在浏览器中呈现为普通的文本区域。 您可以通过检查浏览器源代码来检查这一点。
您可以使用 resize: vertical;
仅允许调整其长度的大小