INPUT BOX, Centrer la saisie. [Résolu]

[§Gama§]

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

[NoSmoking]

Bonjour,
utilisation de text-align:center

[Auteur]

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="">

[§Gama§]

merci!