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

7 votes164 views8 answers
Angular mouseenter
Html
2 votes159 views1 answer
M3u8 ffmpeg download
Html
1 vote164 views1 answer
Ion-searchbar change event
Html
1 vote113 views1 answer
Asp hyperlink
Html
3 votes148 views3 answers
Add icon to website tab
Html
-2 votes168 views1 answer
Post request html android
Html
1 vote221 views1 answer
Ng-src
Html
0 vote160 views1 answer
Ckeditor 5 example codepen
Html
9 votes182 views3 answers
Bootstrap notification
Html
0 vote139 views1 answer
Jinja check if variable is none
Html