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 vote434 views1 answer
Generator html do css
Html
0 vote237 views1 answer
How to make a button in html go to another address
Html
0 vote249 views1 answer
What is the PERN stack
Html
30 votes246 views5 answers
Open new tab when clicking link html
Html
0 vote280 views1 answer
Html favicon error code
Html
1 vote241 views1 answer
My html doesn't show up github pages
Html
1 vote248 views2 answers
Livewire file upload
Html
4 votes255 views1 answer
A href to other site
Html
1 vote259 views1 answer
Use png instead of icon html
Html
14 votes241 views3 answers
Html textboxes
Html