OnClick 增加文本区域行

Question

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

Answer 1

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

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