Contrôles Upper/Downy pour HTML

Question

Dans les applications Windows Forms, vous pouvez ajouter un contrôle supérieur duveteux au formulaire. Il a juste une zone de texte avec deux boutons à côté, qui vous permettent d'incrémenter ou de décrémenter la valeur dans la zone de texte sur la gauche. Y a-t-il un contrôle comme celui-ci pour le HTML? Je n'ai pas réussi à en trouver un.

Answer 1

Vous pouvez dénommer comme vous le souhaitez, mais vous pouvez le mettre en œuvre comme suit ...

<p><input type="text" name="uppydowner" id="uppydowner" value="1" size="2"> 
    <span id="uppy"></span> <span id="downy"></span></p> 

<script type="text/javascript"> 
    var upButton = document.getElementById("uppy"); 
    var downButton = document.getElementById("downy"); 
    var resultBox = document.getElementById("uppydowner"); 

    upButton.innerHTML = "+"; 
    downButton.innerHTML = "-"; 

    upButton.onclick = function() { 
     var current = parseInt(resultBox.value); 
     current++; 
     resultBox.value = current; 
    }; 

    downButton.onclick = function() { 
     var current = parseInt(resultBox.value); 
     current--; 
     resultBox.value = current; 
    }; 
</script> 

Answer 2

Il n'existe pas, vous devez générer ce comportement avec JavaScript.

Vous placez un textarea ou un div et utilisez JavaScript pour faire défiler le contenu vers le haut ou vers le bas.

Je l'ai lu quelque part dans le passé, mais je ne me souviens pas où, désolé ...: \

Answer 3

Vous pouvez utiliser ce contrôle: http://www.onlinetools.org/tests/countertest.html. C'est une simple modification javascript du contrôle d'entrée.