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 vote204 views1 answer
Laravel apache config
Html
1 vote206 views1 answer
How to move all html files from one directory to other using python
Html
30 votes207 views5 answers
Open new tab when clicking link html
Html
3 votes184 views1 answer
How do i make a line in html
Html
13 votes201 views3 answers
How to redirect to another page when a login button is clicked
Html
0 vote193 views1 answer
Font jrxml
Html
2 votes212 views1 answer
Ml5 cdn
Html
0 vote201 views1 answer
Open html file in localhost
Html
1 vote296 views1 answer
Vue does v-html inject html
Html
2 votes233 views3 answers
Ejs.min.js cdn
Html