/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

0 vote104 views1 answer
Do you put the author and date in article tag html
Html
0 vote114 views2 answers
How to select all text when input box is clicked
Html
1 vote130 views1 answer
Tailwind css float right
Html
0 vote148 views2 answers
Html starting tag
Html
0 vote110 views1 answer
Fa fa hand down
Html
3 votes108 views2 answers
Html image not draggable
Html
1 vote110 views1 answer
Open markdown link in new tab
Html
1 vote120 views2 answers
Check html
Html
10 votes140 views3 answers
Html lazy loading images
Html
21 votes115 views4 answers
Bootstrap 5 text bold
Html