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 vote306 views1 answer
My Projects
Html
4 votes320 views1 answer
Tailwind push footer always to bottom of screen
Html
0 vote296 views1 answer
Html hoover text
Html
0 vote307 views1 answer
Link in new tab
Html
0 vote302 views1 answer
How to include the trademark symbol in html
Html
2 votes366 views1 answer
Html mouse over text
Html
2 votes310 views1 answer
Display image in twig
Html
5 votes303 views1 answer
Htaccess remove .html
Html
0 vote395 views2 answers
Undefined index token in get_request_headers
Html
2 votes332 views2 answers
Scroll dropdown bootstrap
Html