p
u
b
l
i
c
i
t
é
publicité
  1. #1
    Membre du Club
    Inscrit en
    mars 2002
    Messages
    125
    Détails du profil
    Informations forums :
    Inscription : mars 2002
    Messages : 125
    Points : 46
    Points
    46

    Par défaut INPUT BOX, Centrer la saisie.

    Bonjour,
    je commence depuis peu le js,
    voilà, j'ai un petit soucis pour lequel je n'ai pas encore trouvé de réponse:
    j'ai une inputbox comme ceci:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type=text style="position:absolute;top:36px;left:73px;z-index:1" size=1 maxlength=3 id="nb1" onkeyup="TestChangeFocus(1,2)" value="">

    je voudrais d'une part pouvoir centrer la saisie qu'elle se fasse par le milieu de l'inputbox (hors là, même en mettant Align=CENTER, çà ne marche pas)

    D'autrepart, en revenant sur ma page, les valeurs contenues dans mes inputbox restent inchangées, hors je pensais que value="" devait me reinitialiser ma box? Comment Faire?

    merci d'avance

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    9 059
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 9 059
    Points : 18 163
    Points
    18 163

    Par défaut

    Bonjour,
    utilisation de text-align:center

  3. #3
    Expert Confirmé Sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    avril 2004
    Messages
    5 802
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : avril 2004
    Messages : 5 802
    Points : 7 006
    Points
    7 006

    Par défaut

    bonjour,

    quelques petites remarques. Prends l'habitude de placer toutes les valeurs des attributs entre guillemets

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" style="position:absolute;top:36px;left:73px;z-index:1" size="1" maxlength="3" id="nb1" onkeyup="TestChangeFocus(1,2)" value="">

    tu peux également remplacer cet attribut et ses valeurs par une classe CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style="position:absolute;top:36px;left:73px;z-index:1"
    devient, avec l'alignement du texte au centre du conteneur (code CSS à ajouter dans l'entête du fichier HTML):
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <style type="text/css">
    .styleInput{
         position: absolute;
         top: 36px;
         left: 73px;
         z-index: 1;
         text-align: center;
    }
    </style>
    puis dans le code HTML :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" class="styleInput" size="1" maxlength="3" id="nb1" onkeyup="TestChangeFocus(1,2)" value="">

  4. #4
    Membre du Club
    Inscrit en
    mars 2002
    Messages
    125
    Détails du profil
    Informations forums :
    Inscription : mars 2002
    Messages : 125
    Points : 46
    Points
    46

    Par défaut

    merci!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XL-2007] en vba excel saisie semi automatique dans input box
    Par IfIknow dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 07/12/2009, 17h49
  2. [VBA-E] Saisie d'une date dans une Input Box
    Par nicobox dans le forum Macros et VBA Excel
    Réponses: 15
    Dernier message: 31/05/2006, 20h51
  3. Input Box en eVC++
    Par Bason_sensei dans le forum MFC
    Réponses: 2
    Dernier message: 28/10/2005, 17h30
  4. diferrence en cancel et "" dans input box
    Par shirya dans le forum VB 6 et antérieur
    Réponses: 4
    Dernier message: 29/09/2005, 19h30
  5. Contenu d'un champ tronqué dans mon input box
    Par Marmot dans le forum ASP
    Réponses: 2
    Dernier message: 27/10/2004, 13h30

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