IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

agrandir input de type text


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Octobre 2010
    Messages
    16
    Détails du profil
    Informations forums :
    Inscription : Octobre 2010
    Messages : 16
    Par défaut agrandir input de type text
    Bonjour tout le monde,
    je veux agrandir automatiquement input de type="text" en fonction du texte tapé par l'utilisateur et je sais pas comment faire.

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,

    Pour faire simple, tu peux faire quelque chose comme ça
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" onkeyup="this.style.width=this.value.length*7 + 5 +'px';" />
    et tu auras une largeur approximative.
    Sinon, tu mets son value dans un span, tu prends la largeur du span et tu l'affectes à l'input.

    A+.

Discussions similaires

  1. adapter l'element input de type texte
    Par root76 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 19/07/2007, 14h44
  2. Remplir des input de type text dans une page HTML
    Par Rodrick dans le forum VB 6 et antérieur
    Réponses: 5
    Dernier message: 27/06/2007, 11h19
  3. Réponses: 6
    Dernier message: 14/06/2006, 16h02
  4. Concatenation et Prendre la valeur d'un input de type Text
    Par pidu dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 20/02/2006, 16h58
  5. Réponses: 8
    Dernier message: 15/11/2005, 18h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo