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

-1 vote200 views4 answers
Bootsrap 4 6 cdn
Html
1 vote163 views1 answer
Html color tomato hex
Html
0 vote155 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
0 vote180 views2 answers
Tailwind css product card
Html
10 votes157 views4 answers
Search bar bootstrap
Html
0 vote162 views1 answer
Html make box shadow
Html
0 vote150 views1 answer
Input number html without e
Html
27 votes160 views3 answers
Space bar html
Html
0 vote153 views1 answer
Font jrxml
Html
0 vote168 views1 answer
What is BETH?
Html