javascript - 打字时是否可以使文本框垂直滚动？

Question

如何制作垂直滚动的 html 文本框，这意味着当输入时达到文本框的宽度时它会自动触发到下一行(类似于 textarea 但不使用 textarea)？

Answer 1

您可以通过这种方式拥有它。具有高度和溢出的 CSS，如前所述，div 标签上的 contenteditable 属性为 true。希望对您有所帮助。

<style>    
 div.textbox {
   background-color: #ececec;
   height: 100px;
   max-height: 100px;
   width: 200px;  
   overflow-x: hidden;
   overflow-y: scroll;
 }
</style>


<div class="textbox" contenteditable="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.</div>