/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

1 vote279 views1 answer
Html radio label clickable
Html
0 vote301 views1 answer
Display string on anchor tag onclick display image in new window html
Html
0 vote324 views1 answer
Html two classes in one element
Html
0 vote259 views1 answer
Scroll to section href
Html
0 vote324 views2 answers
Html input submit size width
Html
0 vote308 views1 answer
Bootstrap vertical hr
Html
3 votes313 views1 answer
Ul attributes in html
Html
0 vote291 views1 answer
Bootstrap soft corner
Html
2 votes309 views1 answer
On this image error
Html
5 votes357 views4 answers
Javascript check if input is empty
Html