/Html/Html textarea auto height to amount of text

Html textarea auto height to amount of text

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>

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

50 votes168 views6 answers
Bootstrap display block
Html
2 votes196 views3 answers
Ejs.min.js cdn
Html
15 votes168 views3 answers
Bootstrap 4 tooltip
Html
0 vote162 views1 answer
Calculate spread percentage
Html
5 votes181 views2 answers
Add Youtube videos to a website html
Html
112 votes166 views6 answers
Html padding
Html
1 vote159 views1 answer
Bootstrap col-md-5 center
Html
0 vote172 views1 answer
Formatting code with <pre> tag in React and JSX
Html
0 vote130 views1 answer
Web3 cdn link
Html
0 vote171 views1 answer
Mailto tag with line break
Html