/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 vote128 views1 answer
Html i tag
Html
12 votes136 views3 answers
Html5 video player
Html
2 votes136 views1 answer
Center text in a html file
Html
1 vote112 views1 answer
Multiple ternary in vuejs
Html
3 votes125 views2 answers
Youtube iframe autoplay not working
Html
0 vote129 views1 answer
Loading screen svg and css animation
Html
0 vote116 views1 answer
Examples of metadata
Html
4 votes124 views4 answers
Modal form bootstrap
Html
0 vote153 views1 answer
How to make clicking button send you down to a certain section of page html
Html
0 vote111 views1 answer
Not allow decimal in input type number
Html