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 vote269 views1 answer
How to change a favicon in html
Html
0 vote295 views1 answer
Njk if
Html
0 vote282 views1 answer
Emmet vscode twig
Html
4 votes276 views2 answers
How to center text in svg
Html
-1 vote286 views1 answer
Mount everest is much higher than mount blanc
Html
0 vote312 views1 answer
Webview html
Html
1 vote264 views1 answer
Dont move img html
Html
4 votes266 views2 answers
Ionic route navigation
Html
1 vote281 views1 answer
Django send email with html template
Html
84 votes262 views6 answers
Html radio button
Html