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

0 vote195 views1 answer
Excel to html table online
Html
0 vote185 views1 answer
Html accordion generator
Html
1 vote182 views1 answer
Marquee speed
Html
0 vote179 views1 answer
How to show only play button in html audio controls
Html
42 votes217 views6 answers
New line html
Html
2 votes141 views1 answer
Open a new html page on button click
Html
2 votes194 views1 answer
Bootstrap select menu
Html
66 votes168 views2 answers
How to open link in new tab
Html
6 votes197 views2 answers
Property 'on' does not exist on type 'HTMLElement'.
Html
0 vote220 views1 answer
Html5 table
Html