Etiquette derrière la zone de texte

Question

J'utilise l'exemple suivant pour afficher le texte en arrière-plan de la zone de texte. Cela fonctionne bien aussi. http://attardi.org/labels/

Problème:

Je veux augmenter la zone de texte avec. La boîte a l'air agrandie mais en tapant la taille réelle n'est pas développée. Je veux taper le texte jusqu'à 600px.

Geetha.

Answer 1

$(".input :input").keypress(function(){ 
    var o = $(this); 
    var s = $("<span></span>").html(o.val()).addClass('placeholder').css('left', '-9999px'); 
    if (o.outerWidth() < 600) { 
     o.parent().append(s); 
     if (s.outerWidth() > o.outerWidth()){ 
      o.css("width", s.outerWidth()); 
     } 
     $("span.placeholder").remove(); 
    } 
}); 

J'ai testé cela et cela semble fonctionner plutôt bien. pas mal pour 7 minutes de code/test/burn.