/Html/Html textarea auto height to amount of text

Html textarea auto height to amount of text

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>

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

72 votes156 views3 answers
Flexbox bootstrap 4
Html
0 vote153 views1 answer
Display pdf in html fastapi
Html
2 votes137 views3 answers
Ngfor in select
Html
0 vote148 views2 answers
Center a video horizontally
Html
0 vote179 views1 answer
Make a live photo uploading website html
Html
1 vote131 views1 answer
How to make website
Html
2 votes155 views1 answer
Center text in a html file
Html
0 vote184 views1 answer
Internal link css
Html
0 vote123 views1 answer
Typo3 news search form params lost pagination
Html
16 votes152 views5 answers
Bgcolor html
Html