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

28 votes204 views3 answers
Html with new line \n
Html
0 vote227 views2 answers
Bootrsrap
Html
12 votes185 views5 answers
Meta refresh
Html
19 votes191 views3 answers
Bootstrap responsive navigation menu
Html
0 vote198 views1 answer
How to prevent Netlify from treating warnings as errors because process.env.CI = true?
Html
4 votes181 views1 answer
Upload only image input tag
Html
-2 votes196 views2 answers
How to add a logo in html
Html
9 votes199 views1 answer
V model vue
Html
0 vote185 views1 answer
How to include the trademark symbol in html
Html
0 vote197 views1 answer
How to insert computer code to html
Html