Discussion :

[Difré91]

Bonjour à tous,

Le sujet à peut-être déjà été traité et résolu, mais je ne savais pas comment formuler ma recherche pour trouver un sujet similaire.

En fait, je cherche une balise (qui n'existe peut-être pas) ou une solution pour créer un input que je vais essayer de dessiner en ASCIIart :

___
|2 ^| : bon voila, c'est moche, donc en gros, c'est une sorte de textbox, qui prend que des nombres, avec deux flèches pour incrémenter ou décrémenter le chiffre de la textbox.

ça existe dans certains langages, mais en HTML, je ne sais pas s'il exite de tels type d'input. Sinon j'avais pensé à le faire à l'aide d'un select.

[polymorphisme]

Bonjour,

en HTML, un tel "input" n'existe pas. En Java, on appelle cela un spinner.

Tu devrais regarder ce qui a été déjà fait avant de te lancer dans ce mini projet.

[Difré91]

Ah oui, exact, c'est le genre de composant auquel je pensais !

La réponse, ça n'existe pas en HTML me va parfaitement ! Je pourrais créer un tel élement en utilisant javascript, mais bon ce n'est pas le but (et vu que je fais toujours attention à ce que le site soit accessible sans javascript, pas d'intérêt à développer ça.)

Je vais surement utiliser une liste box, ça évitera en plus aux utilisateurs de rentrer des conneries (enfin, ça c'est pas dit non plus).

[Bisûnûrs]

Si ça ne te dérange pas de l'avoir sur 2 lignes, tu peux toujours faire un truc comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<select size="2">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>

Tu peux l'avoir sur une seule ligne, seulement il n'y aura pas les flèches, mais tu peux descendre et montrer avec les flèches du clavier (attention, pour ne pas qu'il soit déroulant j'ai rajouté l'attribut "multiple", donc il pourra y avoir plusieurs valeurs sélectionnées) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<select multiple="multiple" size="1">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>

Et si aucune des deux solutions ne te convient, il te reste en effet un select déroulant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<select>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>

[polymorphisme]

ça évitera en plus aux utilisateurs de rentrer des conneries

Cela dépends surtout de la façon dont tu as conçus ton programme.

[Difré91]

Bonjour et merci pour vos réponses !

@Bisûnûrs : Merci pour les solutions proposées, on peut faire des trucs pas mal en fait avec des SELECT. Le seul inconvénient que je voit est le fait de devoir utiliser les flèches du clavier pour selectionner une entrée (surtout le cas pour la deuxième solution), qui peut être déroutant pour l'utilisateur habitué à tous faire à la souris.

@polymorphisme : En fait, je pensais recréer un spinner grâce àà javascript et une input type text. Donc, un input type text, par définition ça prend du texte, n'importe lequel, pas forcément des chiffres. Donc, oui, je pourrais faire un truc du genre en javascript et en display:none pour les non-javascript.
Je vais y refléchir, mais bon, je suis pas adepte du javascript partout, surtout si on peut faire sans.