/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

267 votes521 views5 answers
Font-awesome - cdnjs.com - The best FOSS CDN for web
Html
0 vote297 views1 answer
Bootstrap Navbar Tutorial style custom JS and CSS
Html
-2 votes315 views2 answers
Onclick hide div javascript
Html
0 vote316 views1 answer
Rmarkdown revealjs_presentation remove black border to images
Html
0 vote327 views1 answer
How to protect + embed google drive video html5
Html
0 vote331 views1 answer
Get Session content on cshtml
Html
0 vote297 views1 answer
Iframe adjust pdf zoom
Html
2 votes350 views3 answers
Html single quote code
Html
0 vote308 views1 answer
How to make element bold in bootstrap 4
Html
25 votes304 views3 answers
How to add horizontal line in html without css
Html