垂直和/或水平使用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。