Upper/Downy-Steuerelemente für HTML

Question

In Windows Forms-Anwendungen können Sie dem Formular ein Steuerelement für das obere Downlay hinzufügen. Es hat nur ein Textfeld mit zwei Schaltflächen daneben, mit dem Sie den Wert in der Textbox auf der linken Seite erhöhen oder verringern können. Gibt es ein Steuerelement wie das für HTML? Ich konnte keinen finden.

Answer 1

Sie können es Stil, wie Sie mögen, aber Sie können es wie folgt implementieren ...

<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

Es existiert nicht, Sie müssen dieses Verhalten mit JavaScript erstellen.

Sie platzieren eine textarea oder div und verwenden JavaScript, um den Inhalt nach oben oder unten zu scrollen.

Ich habe in der Vergangenheit über sie irgendwo gelesen, aber ich kann mich nicht erinnern, wo, sorry ...: \

Answer 3

Sie dieses Steuerelement verwenden können: http://www.onlinetools.org/tests/countertest.html. Es ist eine einfache JavaScript-Änderung des Eingabesteuerelements.