如何将垂直按钮组作为输入的附加插件？

Question

            <div class="input-prepend input-append">
               <span class="add-on">R</span>
               <input type="text" class="span2" value="0" />
               <div class="add-on btn-group btn-group-vertical">
                  <button class="btn" type="button">+</button>
                  <button class="btn" type="button">-</button>
               </div>
            </div>

上面的标记将并排显示+和 - 按钮，并且彼此之间几乎没有垂直倾斜（显然，我希望它们是一个在另一个之上）。

基本上我想创建一个数字输入框，对于递增和递减数字并不是绝对吮吸（用户体验）。

Answer 1

为什么不使用<input type="number">？它本身在IE中不起作用，但有一个shim在IE和其他浏览器中应该适用于你。

虽然我一般不是W3Schools的粉丝，但他们的Tryit编辑器工作得很好for this case。

如果您因任何原因需要自己编码，Stuart's got the right answer.