Html 向UTF箭头添加功能

我是否可以向该箭头添加功能

▼

我希望它是可点击的，如果点击它增加一个输入值1。假设输入框中的值为5，如果单击箭头，该值将显示为6

---

这是可能的还是有更好的方法？

听起来您可能在寻找数字输入类型。有关输入类型的列表，请参见。进行数字输入的代码为：

HTML中的

<input type="text" readonly id="textbox" />
<a id="increment" style="cursor:pointer;">&#x25BC;</a>

---

这将增加单击箭头时的文本字段值。

有点像。我希望箭头始终存在，而不是让用户能够通过键入数字来手动输入数字。我在此处创建了一个JSFIDLE:。此外，我还添加了来自的CSS以使箭头不可选择。否则，过快单击会导致箭头和文本框高亮显示：/

$("#increment").click(function(e) {

   var old_val = +$("#textbox").val();
   var increment = +'1'
   var new_val = old_val + increment;
   $("#textbox").val(new_val);
});