关闭弹出模式时如何重置文本区域的大小?

Posted

技术标签:

【中文标题】关闭弹出模式时如何重置文本区域的大小?【英文标题】:How can I reset the size of textarea when close the popup modal? 【发布时间】:2018-08-27 23:26:28 【问题描述】:

我在弹出模式中有一个表单。当我调整 textarea 的大小然后关闭弹出模式,然后当我重新打开弹出模型时,它的 textArea 格式不正确。 我想重置文本区域的大小。请帮我解决同样的问题。

【问题讨论】:

你可以给textarea resize:none,它会阻止调整textarea的大小。 你能发布你的css吗? 还需要调整文本区域大小 你的意思是像this 要摆脱 cols 内联,使用这个 jQuery(示例): $( "textarea" ).removeAttr( "cols" ); 【参考方案1】:

您可以通过CSS resize Property定义textarea可以在哪个方向调整大小

<textarea style="resize:both">Can be resized in every direction</textarea><br>
<textarea style="resize:vertical">Can be resized in vertical direction</textarea><br>
<textarea style="resize:horizontal">Can be resized in horizontal direction</textarea><br>
<textarea style="resize:none">Can not be resized</textarea>

【讨论】:

以上是关于关闭弹出模式时如何重置文本区域的大小?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用原型自动调整文本区域的大小?

如何更改可调整大小的文本区域的光标?

如何在移动设备上调整灵活文本区域的大小?

在表单中重置输入和输出文本区域

javascript js-点击按钮,重置或者清空文本区域中的数据

根据内容自动调整文本区域的大小[重复]