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 vote293 views1 answer
Hand cursor not showing in anchor tag when hover html
Html
38 votes325 views4 answers
How to make new line in html paragraph
Html
8 votes339 views2 answers
How to include href in image
Html
0 vote303 views1 answer
Html a tag not closing
Html
3 votes307 views1 answer
Snap telegram
Html
2 votes359 views1 answer
Less than symbol html
Html
11 votes287 views1 answer
Html ngfor with index
Html
-1 vote297 views1 answer
Link style sheeet
Html
1 vote314 views1 answer
Function to do when the html done loading
Html
1 vote320 views4 answers
Html prevent submit from reloading page
Html