html - 如何根据占位符文本调整输入字段的宽度？

Question

我有一个具有固定宽度的输入字段。（例如：200px）和占位符文本有更多的字母。

如何根据占位符文本/宽度动态更改输入字段的宽度？

标签： htmlcsscss-transitions

Answer 1

设置size为input

var inputs = document.getElementsByTagName('input');
for(i=0; i<inputs.length; i++){
    inputs[i].setAttribute('size',inputs[i].getAttribute('placeholder').length);
}

<input placeholder="I am a long text...I am a long text...I am a long text "/>