OnClick увеличить строки textarea

Question

Мне бы хотелось иметь текстовое поле HTML, которое при щелчке (я думаю, наFocused) изменит свойство rows "1" на row = "10".Я уверен, что это можно сделать с помощью JavaScript, но я не уверен, как.Любая помощь будет высоко ценится.

Answer 1

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

Если вы хотите увеличить количество строк, когда текстовая область выбрана другим способом, например, для табулятора, вы должны использовать onfocus вместо onclick, и если вы хотите уменьшить строки при потере фокуса, вы должны использовать что-токак this onblur="if(this.value == '') this.rows = '1';" - поскольку при вводе текста в текстовую область и нажатии на нее текстовая область может уменьшиться до 1 строки, и ваш текст будет недоступен для чтения.Это предотвращает такое поведение - сокращается, только когда текстовое поле пусто.