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

6 votes200 views3 answers
Input type textarea
Html
1 vote325 views1 answer
Validation script for cnic pattern in html
Html
1 vote183 views1 answer
HTML tags - what are tags ?
Html
15 votes204 views3 answers
Bootstrap 4 tooltip
Html
0 vote197 views2 answers
How to get 2 headings in same line in html
Html
1 vote172 views1 answer
Html importer une image
Html
0 vote197 views2 answers
Blog icon svg
Html
0 vote186 views1 answer
Html chessboard embedding
Html
9 votes196 views4 answers
Html add image from folder
Html
0 vote176 views1 answer
Can i use the input tag without the form tag
Html