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 vote181 views1 answer
Git local and remote gitignore
Html
1 vote180 views1 answer
Show icon in input field
Html
1 vote190 views2 answers
Convert instagram embed script to iframe
Html
0 vote177 views1 answer
Change on word html
Html
0 vote177 views1 answer
Html form date para fecha limitada
Html
1 vote173 views1 answer
Html text transformation
Html
0 vote174 views1 answer
How to add jquery to shopify
Html
2 votes186 views6 answers
Laravel debugging
Html
0 vote182 views1 answer
1x1 transparent image base 64
Html
2 votes170 views2 answers
Add google search bar to our website in html
Html