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

3 votes201 views2 answers
Html email regex
Html
0 vote165 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
0 vote188 views1 answer
Nastro adesivo termico
Html
0 vote168 views1 answer
Disabled button by attr
Html
1 vote164 views1 answer
Can't open vscode on kali linux as super user or root
Html
0 vote163 views1 answer
Cshtml set a max value foreach
Html
0 vote177 views1 answer
Html content editable no newline
Html
0 vote278 views1 answer
Which attribute use in html show decided password site:stackoverflow.com
Html
32 votes172 views6 answers
Bootstrap container
Html
27 votes177 views6 answers
Html align text center
Html