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

8 votes226 views2 answers
Html link without opening new tab
Html
0 vote220 views2 answers
Virtual pet comp 105 code
Html
127 votes231 views4 answers
How to make a link in html that opens in a new tab
Html
15 votes224 views6 answers
Start html
Html
0 vote211 views1 answer
Change body font
Html
0 vote221 views1 answer
Parcel npm developer dependency
Html
0 vote224 views1 answer
Validate text is html format C#
Html
0 vote235 views1 answer
Counterup html
Html
1 vote201 views1 answer
Html dollar symbol
Html
1 vote219 views1 answer
How to make a text box required in html
Html