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 votes216 views1 answer
Ignore text html elemnt
Html
0 vote222 views1 answer
Display html table only on screen larger than md
Html
3 votes216 views1 answer
Html class and id difference
Html
0 vote239 views2 answers
Html quotation
Html
0 vote203 views1 answer
Removing leading whitespace from indented HTML source in pre/code tags
Html
1 vote223 views1 answer
How do you make a partial hr line in html
Html
0 vote223 views1 answer
Get id value of html dropdown in jquery
Html
0 vote225 views1 answer
To ensure user input is a link in html
Html
0 vote220 views5 answers
Html viber telegram whatsapp buttons
Html
0 vote202 views1 answer
Short cut key to write basic html code
Html