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

1 vote119 views3 answers
Nav-pills class bootstrap
Html
1 vote141 views2 answers
Add a floating call/phone button in html
Html
0 vote114 views1 answer
How to see to coordinate of an html element s chrome debugger
Html
1 vote127 views1 answer
Contenteditable attribute
Html
68 votes112 views3 answers
Forms in html
Html
0 vote112 views1 answer
Livewire wire loading remove attribute
Html
1 vote117 views1 answer
How to make a button as submit button
Html
4 votes107 views4 answers
H1
Html
30 votes102 views6 answers
How to give color to text in html
Html
30 votes117 views1 answer
Fork me on github ribbon
Html