/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 vote139 views1 answer
Am pm time html javascript
Html
1 vote124 views1 answer
Pound symbol phone html
Html
0 vote126 views1 answer
Prevent the child event from triggering the parent element angular 5
Html
0 vote132 views1 answer
How to stop marquee text in html when you hover over it
Html
1 vote120 views1 answer
What is the code element in html
Html
0 vote126 views1 answer
Citing html
Html
0 vote181 views2 answers
Html starting tag
Html
0 vote128 views1 answer
Svg not rendering in chrome anymore
Html
0 vote128 views1 answer
Fa fa file
Html
5 votes95 views1 answer
Html change viewport to smartphone size
Html