title: Attributes Ignored for <Input type="number" /> in Html 5
body: <p>I had test it in chrome, opera and Microsoft edge but still attributes <strong>except value and name</strong> are ignored.</p>
  <pre><code>&lt;input type=&quot;number&quot; class=&quot;input-number&quot; min=&quot;1&quot; max=&quot;10&quot; maxlength=&quot;2&quot; step=&quot;1&quot; value=&quot;&lt;?php echo $_SESSION['cart'][$row['id']]['quantity']; ?&gt;&quot; name=&quot;quantity[&lt;?php echo $row['id']; ?&gt;]&quot; /&gt;
  </code></pre>
  <hr />
  <p><strong>In short, my increment and decrement button bypass the restriction</strong> Here is the whole HTML code</p>
  <pre><code>&lt;div class=&quot;quantity ml-auto&quot;&gt;
  &lt;div class=&quot;input-group input-number-group&quot;&gt;
    &lt;div class=&quot;input-group-button&quot;&gt;
      &lt;span class=&quot;input-number-decrement&quot;&gt;-&lt;/span&gt;
    &lt;/div&gt;
    &lt;input type=&quot;number&quot; class=&quot;input-number&quot; min=&quot;1&quot; max=&quot;10&quot; maxlength=&quot;2&quot; step=&quot;1&quot; value=&quot;&lt;?php echo $_SESSION['cart'][$row['id']]['quantity']; ?&gt;&quot; name=&quot;quantity[&lt;?php echo $row['id']; ?&gt;]&quot; /&gt;
    &lt;div class=&quot;input-group-button&quot;&gt;
      &lt;span class=&quot;input-number-increment&quot;&gt;+&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And I am using Jquery also. If i remove this script than attributes work perfectly. Maybe there is a problem in this script.</p>
  <pre><code>&lt;script&gt;
      $('.input-number-increment').click(function() {
    var $input = $(this).parents('.input-number-group').find('.input-number');
    var val = parseInt($input.val(), 10);
    $input.val(val + 1);
  
  });
  
  $('.input-number-decrement').click(function() {
    var $input = $(this).parents('.input-number-group').find('.input-number');
    var val = parseInt($input.val(),  10);
    $input.val(val - 1);
  
  });
  
  
  &lt;/script&gt;
  </code></pre>