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

10 votes133 views1 answer
How to add a link in image
Html
7 votes110 views4 answers
Convert to jsx
Html
3 votes118 views2 answers
Html style element
Html
1 vote119 views1 answer
Anchor tag to different section of the same page
Html
0 vote119 views1 answer
How to make a username and password in html
Html
1 vote104 views2 answers
How to refer to external style sheet
Html
1 vote125 views1 answer
Div container style
Html
4 votes103 views2 answers
Use of urdu in lang attribute in html
Html
0 vote106 views1 answer
How to show only play button in html audio controls
Html
0 vote110 views1 answer
How to make a alert in powershell
Html