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 vote248 views1 answer
Easyui datagrid tabs
Html
0 vote246 views1 answer
Is html easy?
Html
2 votes228 views2 answers
Html empty character
Html
0 vote234 views1 answer
Html content in rectangle
Html
0 vote240 views1 answer
Elseif vuejs
Html
3 votes240 views2 answers
Disabled a click
Html
0 vote254 views1 answer
Static html template
Html
5 votes237 views6 answers
Javascript tutorial
Html
0 vote248 views1 answer
What if i want a section to take the height of a viewport html
Html
0 vote256 views1 answer
Single line html
Html