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 vote197 views1 answer
Make so only certain ip's can accesss html file
Html
0 vote201 views1 answer
How to echo data into an option tag as a link
Html
6 votes189 views4 answers
How to change the color of the hr tag in html
Html
0 vote186 views1 answer
How to pan in mac preview
Html
1 vote186 views1 answer
Tab Html CSS [Bootstrap]
Html
6 votes185 views6 answers
Html collection to array
Html
0 vote197 views1 answer
Split input for otp
Html
0 vote184 views1 answer
Fix table height html
Html
0 vote214 views1 answer
Javascript looparray
Html
0 vote236 views1 answer
Render text as html react
Html