使html文本输入字段随着我键入而增长？

一尘不染

html

我可以在CSS中设置初始文本输入大小，如下所示：

width: 50px;

但是我希望它在键入时能够增长，直到达到200px。可以直接在CSS，HTML中完成此操作，最好在没有JavaScript的情况下进行此操作吗？

当然也要发布您的js / jquery解决方案，但是如果没有它们也是可行的-那太好了。

阅读 266

2020-05-10

共1个答案

一尘不染

这是仅CSS和 ContentEditable的示例：

CSS

span 
{
    border: solid 1px black;
}
div 
{
    max-width: 200px;   
}

HTML

<div>
    <span contenteditable="true">sdfsd</span>
</div>

2020-05-10