/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

2 votes124 views1 answer
How to center navbar link bootstrap
Html
0 vote128 views1 answer
Html doc
Html
2 votes132 views1 answer
Onclick show div and hide other div
Html
0 vote122 views1 answer
How to show data in html table from database in multiple table in laravel
Html
1 vote123 views1 answer
Flutter web load html
Html
0 vote137 views1 answer
How to youtube video running again and again html
Html
0 vote135 views1 answer
Amazon type search box html css
Html
1 vote128 views1 answer
Visualizador de pdf html5
Html
0 vote116 views2 answers
Button inside textarea
Html
0 vote138 views1 answer
How to use ID in HTML
Html