/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 vote159 views4 answers
Html5 tutorial
Html
0 vote151 views1 answer
Definition list in html
Html
13 votes199 views3 answers
Have a transparent div on an image html
Html
0 vote144 views1 answer
How to divide web page into different sections which scroll independently
Html
2 votes155 views1 answer
How to use unsplash images in html
Html
2 votes139 views2 answers
How to add space between buttons
Html
0 vote142 views2 answers
Json to html table
Html
0 vote165 views1 answer
How to load at bottom of page html
Html
0 vote141 views1 answer
In line a frame animation
Html
0 vote151 views1 answer
How to display superscript in breadcrumbs in html
Html