Input type number min max code example

Example 1: html min max example input number

<input type="number" id="quantity" name="quantity" min="1" max="5">

Example 2: html restrict input to numbers

<input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />

Example 3: min number input html

<form action="/action_page.php">
      <label for="myNumber">My Number:</label>
      <input type="number" name="myNumber" id="myNumber" min="5" max="15">
      <br><br>
      <input type="submit" value="Submit">
</form>

Example 4: input type number max value validation

/* comman function for all input by joshi yogesh {[email protected]} */

$(function () {
   $( "input" ).change(function() {
   var max = parseInt($(this).attr('max'));
   var min = parseInt($(this).attr('min'));
   if ($(this).val() > max)
   {
      $(this).val(max);
   }
   else if ($(this).val() < min)
   {
      $(this).val(min);
   }       
 }); 
});

Example 5: number input html

<input id="number" type="number" value="42">

Tags:

Html Example