<p>How can i create a increment/decrement <em>text box</em> in HTML Page using jquery or Javascript.... <img src="https://i.stack.imgur.com/BTpv4.jpg" alt="The image are given below"></p> <p>and also i want to set maximum and minimum values....</p> <p>How to i achieve this?</p>

<p>Just try</p> <p></p> <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="prettyprint snippet-code-html lang-html prettyprint-override"><code><input type="number" name="points" step="1"></code></pre> </div> </div> <p>that's it. In the step, you can enter any value you want. And the arrows will move that many steps on clicking.</p>

<p>did you try <code>input type="number"</code>?</p>

HTML - How can I create an increment/decrement textbox on an HTML page?

2 Answers

Just try

<input type="number" name="points" step="1">

that's it. In the step, you can enter any value you want. And the arrows will move that many steps on clicking.

125

answered Oct 23 '22 09:10

shubhankar raj

did you try input type="number"?

answered Oct 23 '22 10:10

simoncereska

Recent Activity
Apple Pay - authorize.net returns error 153 only when live, sandbox works
How to continue cursor loop even error occured in the loop
python find all neighbours of a given node in a list of lists
Fatal error: Call to a member function setColumn() on a non-object in Magento
Count how many of each value from a field with MySQL and PHP
Python 32-bit development on 64-bit Windows [closed]

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With

HTML - How can I create an increment/decrement textbox on an HTML page?

Tags:

javascript

html

jquery

Manikandan Sethuraju