仅允许用户通过单击更改整数输入

Question

我有一个使用简单形式的整数输入，我不想阻止用户在输入中输入内容。我只希望他们通过单击输入右侧的箭头来更改输入值。

有没有办法在没有 javascript 的情况下做到这一点，或者如果没有的话，可以使用简单的 javascript。 使用只读和禁用属性不起作用，因为它会阻止用户使用箭头。

<%= f.input :quantity, as: :integer %>

Answer 1

这样做的方法是有一个 div 并通过 css 样式使它看起来是一个输入。

同样使用 css，插入向上/向下箭头。看起来你已经这样做了。

然后使用 javascript，您可以增加/减少隐藏输入的值，以响应单击向上/向下箭头，并将当前值放在 显示为的 div 中真正的输入。