/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 vote298 views1 answer
Javascript prevent pinch zoom
Html
0 vote314 views2 answers
Print page button html
Html
0 vote303 views2 answers
Block elements
Html
0 vote302 views1 answer
Google address suggestion is not working inside popup modal
Html
1 vote329 views1 answer
Convert word to html
Html
0 vote312 views1 answer
Access wireshark through powershell ps1
Html
1 vote320 views1 answer
Select all text in textarea javascript
Html
3 votes349 views6 answers
Android status bar color
Html
3 votes315 views1 answer
Nav b5
Html
0 vote308 views1 answer
Convert html datetime-local to java LocalDateTime
Html