Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 4 sur 4
  1. #1
    Membre à l'essai
    Inscrit en
    mars 2002
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : mars 2002
    Messages : 62
    Points : 23
    Points
    23

    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 :
    <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
    7 410
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 7 410
    Points : 12 958
    Points
    12 958

    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 572
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : avril 2004
    Messages : 5 572
    Points : 6 001
    Points
    6 001

    Par défaut

    bonjour,

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

    Code html :
    <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 :
    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 :
    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 :
    <input type="text" class="styleInput" size="1" maxlength="3" id="nb1" onkeyup="TestChangeFocus(1,2)" value="">

  4. #4
    Membre à l'essai
    Inscrit en
    mars 2002
    Messages
    62
    Détails du profil
    Informations forums :
    Inscription : mars 2002
    Messages : 62
    Points : 23
    Points
    23

    Par défaut

    merci!

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

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •