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 vote209 views1 answer
Vue-date-pick
Html
0 vote229 views1 answer
Smart contract spdx license
Html
7 votes197 views2 answers
Python find remove html tags
Html
41 votes215 views3 answers
Css in reactjs
Html
1 vote213 views1 answer
Fullpage js cdn
Html
0 vote207 views2 answers
Create node in javascript
Html
-4 votes210 views2 answers
Unreal engine
Html
3 votes208 views2 answers
Disabled a click
Html
0 vote221 views1 answer
How to find the immediate parent in xpath
Html
0 vote207 views1 answer
Nuxt for background color
Html