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>

Get height of text in textarea

ele.scrollHeight (Height of text inside scroll inlduing what u cant see)
ele.clientHeight (What u see)

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

25 votes110 views4 answers
Metadata
Html
5 votes96 views3 answers
Add color to hr tag
Html
0 vote94 views1 answer
Chrome youtube tab goes blank
Html
1 vote105 views1 answer
How to align 2 buttons in a div
Html
0 vote122 views1 answer
Netlify 11ty build configuration
Html
0 vote131 views2 answers
V-for comma separated
Html
0 vote135 views1 answer
Embed meta tag nextjs
Html
27 votes105 views6 answers
How to remove dot from li
Html
5 votes103 views1 answer
Add link behind a button in html
Html
0 vote112 views1 answer
Sign up form html
Html