使用CSS或javascript垂直和/或水平更改文本字段大小？

Question

我有一个常规输入字段<input type="text" name="abc" />，我希望在输入文本时自动调整大小和展开，以便输入的所有文本始终显示。有没有办法使用CSS或javascript做到这一点？

Answer 1

//你没有提到jquery，你可以使用这样的东西：

var who= document.getElementsByName('abc')[0];
who.onkeypress= who.onchange= function(e){
    e= e? e.target: window.event? event.srcElement: '';
    var val= e.value? e.value.length: 20;
    // set a minimum length,  in input 'size' attribute
    if(val> 18) e.size= val+2;
    return true;
}

如果您希望换行符使用textarea，则输入为内联，并在scrollHeright大于offsetHeight时垂直展开。