小编典典

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

html

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

width: 50px;

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

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


阅读 274

收藏
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