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; 
} 

入力を使用すると、改行がテキストエリアを使いたい場合は、インラインである、そしてときscrollHeright垂直に展開しますoffsetHeightより大きい。