/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

0 vote295 views1 answer
Laravel 5: Mostrar HTML con Blade
Html
1 vote278 views1 answer
How do you make a partial hr line in html
Html
0 vote311 views2 answers
Working with multiple html forms django
Html
8 votes307 views2 answers
Datalist html
Html
0 vote280 views6 answers
How to mask input in html as phone numbr
Html
0 vote256 views1 answer
Best meta tags
Html
4 votes273 views1 answer
HTML DOM innerText
Html
0 vote299 views4 answers
Bootstrap starter template
Html
6 votes280 views4 answers
Custom cursor html code
Html
0 vote288 views1 answer
How to set limit of words in input type text
Html