Html textarea height

<!-- textarea rows attribute -->
<textarea id="txtid" name="txtname" rows="4" cols="50" maxlength="200">
A nice day is a nice day.
Lao Tseu
</textarea>

Get height of text in textarea

ele.scrollHeight (Height of text inside scroll inlduing what u cant see)
ele.clientHeight (What u see)

Html textarea auto height to amount of text

$('textarea').each(function () {
  this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
}).on('input', function () {
  this.style.height = 'auto';
  this.style.height = (this.scrollHeight) + 'px';
});

Source: stackoverflow.com

Similar codes

0 vote329 views1 answer
React html parser
Html
0 vote326 views1 answer
How to put button in top right corner in html
Html
2 votes346 views1 answer
Td colspan all
Html
0 vote348 views1 answer
Chakra ui center content table
Html
0 vote335 views2 answers
Html overflow scroll only if needed with exemple
Html
23 votes359 views3 answers
Semantic ui cdn
Html
0 vote279 views1 answer
Cara membuat persegi di html
Html
9 votes324 views2 answers
Bootstrap 4 position relative div
Html
0 vote344 views3 answers
Angular read element from html by atribute name
Html
10 votes367 views3 answers
Img base 64
Html