textarea - OnClick 增加 textarea 行

Question

我想有一个简单的 html 文本区域，当点击时（我猜是 onFocused）会将其 rows="1" 属性更改为 rows="10"。我很确定这可以用 javascript 完成，但我不确定如何。任何帮助都感激不尽。

Answer 1

<textarea rows="1" onclick="this.rows = '10';"></textarea>

如果您想在通过另一种方式选择 textarea 时增加行数，例如制表符，您应该使用onfocus而不是onclick，如果您想在失去焦点时减少行数，您应该使用类似this onblur="if(this.value == '') this.rows = '1';"- 因为当您曾经在 textarea 中输入文本时，并单击它，文本区域可能会缩小到 1 行，您的文本将不可读。这可以防止这种行为 - 仅在 textarea 为空时收缩。