入力文字に応じて自動伸縮するinput[type=text]を実装できるjQueryプラグイン「autoGrowInput」:phpspot開発日誌

jQuery autoGrowInput Plugin 入力文字に応じて自動伸縮するinput[type=text]を実装できるjQueryプラグイン「autoGrowInput」 textareaが自動リサイズするものはよく見かけたのですが、input[type=text]が横に伸びるのはありそうでなかったかも 関連エントリ 超カッコ良い検索フォームのチュートリアル＆デモ クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト 料金テーブルから即サインアップフォームにつなげるデモ フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイン「Formplate」 フォームにて入力の入力UIを追加できる「jquery.signfield」

[bleu-bleut]

top: -9999px; left: -9999px にダミーのspan要素を作って、inputもしくはkeydownイベントでダミー要素に文字を入力し幅を取得。