Javascript 如何根据文本高度动态增加文本框高度，并从总屏幕30%开始

我正在尝试创建文本框，就像 空文本框以总屏幕高度的30%开始。 若文本框中有数据，则根据数据高度创建文本框的高度。 并且还增加了文本框的高度动态，同时输入文本溢出宽度

最好的方法是什么

---

谢谢。

您可以使用textarea属性

textarea{
最小宽度：30%；
最大宽度：100%；
}

---

我相信这正是您想要的：

var；
如果（窗口附件）{
观察=函数（元素、事件、处理程序）{
元素attachEvent（'on'+事件，处理程序）；
};
}
否则{
观察=函数（元素、事件、处理程序）{
元素addEventListener（事件，处理程序，false）；
};
}
函数init（）{
var text=document.getElementById（'text'）；
函数调整大小（）{
text.style.height='auto'；
text.style.height=text.scrollHeight+'px'；
}
/*0-获取已更改文本的超时*/
函数delayedResize（）{
设置超时（调整大小，0）；
}
观察（文本“更改”，调整大小）；
观察（文本“剪切”，延迟缩放）；
观察（文本“粘贴”，延迟缩放）；
观察（文本“下降”，延迟缩小）；
观察（文本“按键”和“延迟缩放”）；
text.focus（）；
text.select（）；
调整大小（）；
}

textarea{
溢出：隐藏；
填充：0；
大纲：无；
最小宽度：30%；
}

---

下面是一个使用

div

的简单HTML/CSS示例

正文{
背景色：黑色；
}
div{
最小高度：30vh；
/*根据您的喜好调整宽度*/
宽度：30%；
背景色：#ffffff；
}
/*下面的代码用于占位符文本，如果不需要，可以删除*/
[内容可编辑][占位符]：空：在{
内容：attr（占位符）；
位置：绝对位置；
颜色：灰色；
背景色：透明；
}