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

14 votes323 views5 answers
Html file
Html
0 vote339 views1 answer
How do you set a focus keyphrase in html site
Html
4 votes317 views3 answers
Favicon.ico 404
Html
5 votes335 views2 answers
Table bootstrap with scrool
Html
0 vote356 views1 answer
Applying padding increases the size of the element
Html
0 vote304 views1 answer
Twig not render
Html
0 vote344 views1 answer
Bootdtarp
Html
0 vote337 views1 answer
Link to add matrial iocns to html
Html
0 vote350 views1 answer
Eleventy loop over global data
Html
252 votes524 views6 answers
CDN Bootstrap 5
Html