OnClick增加textarea行

Question

我希望有一个smiple html textarea，点击时（我猜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中输入文字时，点击除此之外，textarea可能缩小到1行，您的文本将无法恢复。这可以防止此行为 - 仅在textarea为空时收缩。