テキスト長に応じて `<textField>`を自動的に伸縮しますか？

Question

私は2つずつ<textField>を持っています。テキストの長さに応じて自動的に伸縮することは可能ですか？私の目に当たった唯一の属性は、isStretchWithOverflowでしたが、1つのテキストが別のテキストをカバーしているということが原因です。誰でも助けますか？それも可能ですか？

Answer 1

私はあなたが縦に伸びることを話していると仮定します。

この場合、isStretchWithOverflowは必要なものです。

最初の1つでカバーされる第2の<textfield>は位置設定であるためです。おそらくそれはFixに設定されているので、最初のものが伸びている間は動きません。 2番目の位置設定を変更すると、Floatになるはずのが変更されます。

Answer 2

純粋なHTML/CSSを使用してこれが可能だとは思いません。しかし、あなたはJavascriptを使ってそれを行うことができます。 1つの方法は、その幅を更新するキー入力イベントハンドラを入力にバインドすることです。

あなたはjQueryのを使用している場合は、のようなもの：

$(yourInput).keypress(function(){ 
    $(this).css("width", $(this).val().length * 5); 
}); 

はトリックを行う必要があります（おそらく、計算を調整したいと思うものの、5pxの文字あたりが多すぎても少なすぎてもであるならば、私はわかりません） 。