When You will write anything on textarea. It will auto height expand. |
Example:
CSS
<style>
textarea {
resize: none;
overflow: hidden;
min-height: 50px;
max-height: 100px;
}
</style>
Example:
JAVASCRIPT
<script>
function auto_grow(element) {
element.style.height = "5px";
element.style.height = (element.scrollHeight) + "px";
}
</script>
Example:
HTML
<script>
function auto_grow(element) {
element.style.height = "5px";
element.style.height = (element.scrollHeight) + "px";
}
</script>
<style>
textarea {
resize: none;
overflow: hidden;
min-height: 50px;
max-height: 100px;
}
</style>
<textarea oninput="auto_grow(this)">
</textarea>
How to crearte HTML textarea auto expand height | HTML Form Tutorial |
How to use multiple values in HTML Select Option Tag? | HTML Form Tutorial |
CSS Code | HTML Form Tutorial |
Javascript Code | HTML Form Tutorial |
Full Completed Code for HTML textarea auto expand height | HTML Form Tutorial |
Read Full: | HTML Form Tutorial |
Category: | Web Tutorial |
Sub Category: | HTML Form Tutorial |
Uploaded: | 11 months ago |
Uploaded by: | Admin |
Views: | 32 |