/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 vote277 views2 answers
Html phone number validation pattern
Html
2 votes294 views2 answers
How to enable file input on click on image
Html
0 vote302 views1 answer
How to hack nasa with html
Html
0 vote262 views1 answer
Free pc to iphone file transfer software
Html
0 vote281 views1 answer
Internal link css
Html
0 vote302 views1 answer
Zk wrap listbox in horizontal scrollbar
Html
0 vote267 views1 answer
Nativescript scrollview full height
Html
0 vote282 views2 answers
How to align a section center in html
Html
2 votes280 views3 answers
Hypertext markup language
Html
73 votes297 views6 answers
Flex box in css
Html