Верхние / нижние элементы управления для HTML

Question

В приложениях Windows Forms вы можете добавить верхний элемент управления в форму. Он просто имеет текстовое поле с двумя кнопками рядом с ним, что позволяет увеличивать или уменьшать значение в текстовом поле слева. Есть ли такой элемент управления для HTML? Я не смог найти его.

Answer 1

Вы можете стилизовать его так, как вам нравится, но вы можете реализовать его следующим образом ...

<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

Вы можете использовать этот элемент управления: http://www.onlinetools.org/tests/countertest.html.Это простая javascript-модификация элемента управления вводом.

Answer 3

Он не существует, вы должны построить это поведение с помощью JavaScript.

Вы размещаете textarea или div и используете JavaScript для прокрутки содержимого вверх или вниз.

Я читал об этом где-то в прошлом, но не могу вспомнить, где, извините ...: \