Taille du texte d'entrée HTML

Question

J'ai une entrée de texte créée dynamiquement avec javascript où je mets également du texte avec javascript. Je voudrais faire la variable de taille d'entrée de texte, en fonction de la longueur du texte et avec une largeur maximale de 70%

Pour cela, je me sers:

'<input type="text" style="max-width:70%" name="affiliation" 
id="affiliation'+affiliation_id+'" value="'+article_affiliations[i].name+'" 
size='+article_affiliations[i].name.length+'/>' 

Tout fonctionne bien lorsque le texte est plus de 68% mais lorsque ce n'est pas le cas, la zone de saisie de texte est plus petite que la taille du texte. Par exemple, lorsque la taille du texte est de 118, la zone de texte ne comportera que 106 caractères et je ne sais pas pourquoi. Toute aide et suggestion sera très appréciable.

Merci.

Answer 1

Javascript:

function incSize(event) { 
    var size = event.value.length; 
    event.setAttribute("size", size); 
    event.setAttribute("style", "width:auto")  
} 

HTML:

<input type="text" name="affiliation" onkeyup="incSize(this)" size="1" />​ 

DEMO

Answer 2

Supprimez l'attribut de style puis essayez ceci:

$('input[type="text"]').keyup(function(){ 
    $(this).attr({width: 'auto', size: $(this).val().length}); 
}); 

Assurez-vous qu'aucun des styles CSS sont Redéfinition de la largeur. obtenu la réponse d'ici: Dynamically resize input