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

2 votes137 views2 answers
Html bottom right corner
Html
0 vote155 views1 answer
Request html nodejs
Html
38 votes149 views5 answers
Disable button in html
Html
5 votes145 views3 answers
Html favicon.ico
Html
0 vote179 views1 answer
Como meter imagem html code
Html
16 votes87 views1 answer
How to change tab icon html
Html
13 votes143 views6 answers
Html reload button
Html
0 vote137 views1 answer
How to make text center above image html
Html
0 vote141 views1 answer
Vue destroy listeners
Html
0 vote134 views1 answer
Remove padding in pre and code
Html