Comment puis-je ajuster automatiquement la largeur d'une saisie de texte en fonction de sa valeur ?

Détermination de la largeur d'entrée[type=text] en fonction de la longueur de la valeur

Question :

La largeur d'un l'élément soit-il automatiquement ajusté pour correspondre à la longueur de sa valeur ?

Réponse :

Oui, il existe deux méthodes pour y parvenir :

Méthode 1 : Définition de l'attribut de taille

Le code JavaScript suivant définit l'attribut de taille de éléments à la longueur de leurs valeurs :

function resizeInput() {
    $(this).attr('size', $(this).val().length);
}

$('input[type="text"]')
    // event handler
    .keyup(resizeInput)
    // resize on page load
    .each(resizeInput);

Méthode 2 : Utilisation de la mesure de texte CSS

Pour un ajustement plus précis, vous pouvez utiliser une technique CSS pour calculer la largeur en pixels du texte de l'entrée. Voir cette réponse connexe pour plus de détails : [input[type=text] avec une largeur dimensionnée ?](https://stackoverflow.com/a/4926882/1363694)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!