How to avoid negative numbers in html input?

Question

I have an HTML input that accepts decimal numbers starting from 0.001. The problem is when the user clicks the down arrow it starts from -0.001. How can I avoid the negative ??

<input type="number" name="amount" placeholder="0.001" step="0.001"  required>

First result: [Google search your question](https://www.google.com/search?q=how+to+avoid+negative+numbers+in+html+input) — Bastian Springer, Mar 18 '20 at 12:06
Does this answer your question? [Is there any way to prevent input type="number" getting negative values?](https://stackoverflow.com/questions/7372067/is-there-any-way-to-prevent-input-type-number-getting-negative-values) — Kundan, Mar 18 '20 at 12:12

score 2 · Answer 1 · answered Mar 18 '20 at 12:07

2

Set the attribute min:

<input type="number" name="amount" min="0.001" placeholder="0.001" step="0.001"  required>

JSFiddle: https://jsfiddle.net/6spubgjm/

answered Mar 18 '20 at 12:07

Suboptimierer

554
4
11

score 2 · Answer 2 · answered Mar 18 '20 at 12:07

2

You can add a min attribute of 0 to fix this.

<input type="number" name="amount" placeholder="0.001" step="0.001" min="0" required>

<input type="number" name="amount" placeholder="0.001" step="0.001" min="0" required>

answered Mar 18 '20 at 12:07

Roy

7,811
4
24
47

user864758 has said that the start value should be 0.001, not 0. – Suboptimierer Mar 18 '20 at 12:09

score 1 · Answer 3 · edited Mar 18 '20 at 12:56

1

<input type="number" name="amount" placeholder="0.001" step="0.001" min="0.001" required>

edited Mar 18 '20 at 12:56

mrghofrani

1,335
2
13
32

answered Mar 18 '20 at 12:07

Bastian Springer

271
2
11

user864758 has said that the start value should be 0.001, not 0. – Suboptimierer Mar 18 '20 at 12:09
@Suboptimizer corrected it – Bastian Springer Mar 18 '20 at 12:11

score 1 · Accepted Answer · answered Mar 18 '20 at 12:10

1

You can use min property

<input type="number" min="0" name="amount" placeholder="0.001" step="0.001"  required>

answered Mar 18 '20 at 12:10

Ali Asgher Badshah

811
1
11
34

How to avoid negative numbers in html input?

4 Answers4