title: How to customize the step of a number input field?
body: <p>I have an input field of type <code>number</code> which ranges from <code>1</code> to <code>4096</code> as follows:</p>
  <hr />
  <pre><code>&lt;input max=&quot;4096&quot; min=&quot;1&quot; name=&quot;size&quot; step=&quot;2&quot; type=&quot;number&quot; value=&quot;4096&quot;&gt;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/k1tix.png" alt="Input field of type number" /></p>
  <hr />
  <p>Iam currently using a <code>step = 2</code>, that result in numbers <code>2, 4, 6, 8, 10, ...</code></p>
  <h2>How can I modify the step to double the value <code>1 , 2, 4, 8, 16,...</code>?</h2>
  <hr />
  <p><em><strong>Note</strong></em>:</p>
  <p>The field can contain only these values (The user shoudn't be able to insert <code> 3 , 5 , 6, 7, ...</code>). And it should work on both increment and decrement.</p>