[解決済み] html のテキスト入力フィールドを、入力に合わせて大きくする？

質問

テキスト入力の初期サイズをcssで設定したいのですが、どうすればよいですか？

width: 50px;

しかし、私はそれが例えば200pxに達するまで、私が入力するときに成長したい。 これは、できればjavascriptなしで、まっすぐなcss、htmlでできるのでしょうか？

もちろんjs/jqueryの解決策も投稿してください、しかし、もしこれがそれらなしで可能であれば、それは素晴らしいことです。

私の試みはこちらです。

http://jsfiddle.net/jszjz/2/

どのように解決するのですか？

ここでは、CSSと コンテンツが編集可能 :

jsFiddleの例

CSS

span 
{
    border: solid 1px black;
}
div 
{
    max-width: 200px;   
}

HTML

<div>
    <span contenteditable="true">sdfsd</span>
</div>

に関する重要な注意事項 contenteditable

HTML要素の作成 contenteditable を作ると、コピーした HTML 要素をこの要素の中に貼り付けることができます。これはあなたのユースケースにとって理想的でないかもしれませんので、使用を選択する際にはその点に留意してください。