/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 vote114 views1 answer
Ionic onfig.xml hide loader
Html
8 votes107 views2 answers
How to turn html5 picturee into link
Html
1 vote110 views2 answers
How to make a youtube video on a website
Html
13 votes131 views6 answers
Bootstrap 5 card
Html
19 votes117 views3 answers
Radio input value
Html
0 vote110 views1 answer
H1 ALERT HTML
Html
14 votes131 views2 answers
Html make phone number callable
Html
1 vote122 views1 answer
Getproductpricehtml magento 2
Html
0 vote111 views2 answers
Input limit file type html
Html
2 votes112 views1 answer
How to use unsplash images in html
Html