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 vote183 views1 answer
Html insert link text with hover color
Html
0 vote120 views1 answer
How to put button in top right corner in html
Html
0 vote232 views1 answer
Convert html table to csv powershell
Html
-1 vote202 views2 answers
Index.html?profile=Responsive:30 Uncaught ReferenceError: $ is not defined
Html
0 vote122 views1 answer
Telegram href link code
Html
1 vote172 views1 answer
Html to pdf npm
Html
0 vote126 views2 answers
Html anchor in samae page without url
Html
0 vote122 views1 answer
Twig format currency
Html
1 vote112 views1 answer
Html cursief
Html
42 votes108 views6 answers
New line html
Html