如何在此代码中添加 (+/-) 按钮编号增量器

Question

希望你们一切都好！

你能帮我把这个下拉菜单中的数量选择器变成像这个带有 - 和 + 按钮的选择器吗：

我想在这段代码上做这个功能：

<div style="" class="fields">
 <div class="options">
  <span class="text">Quantity</span><p>:</P>
   <select id="quantityF" name="entry" placeholder="Quantity" required>
     <option style="font-size:12px" value="1" selected disabled hidden>1</option>            
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
   </select>
 </div>
</div>

非常感谢你们的帮助！

Answer 1

我认为您正在寻找<input type="number">，而不是<select>。有a w3schools example here。

可以设置递增/递减按钮的样式。建议参考this Stack Overflow question