About number input

This jQuery plugin allows you to add a number input to easily edit numeric values in your Bootstrap form.


Simple example for formatting a number in input text

<input type="text" class="form-control bfh-number">

Example for formatting a number in input text with a predefined number

<input type="text" class="form-control bfh-number" value="5">

Example for formatting a number with min and max values

<input type="text" class="form-control bfh-number" data-min="5" data-max="25">

Example for formatting a number with number wrapping around

<input type="text" class="form-control bfh-number" data-min="5" data-max="25" data-wrap="true">

Example for formatting a number with leading zeros

<input type="text" class="form-control bfh-number" data-zeros="true" data-min="5" data-max="25">

Available languages

Not applicable.


Option Description
min Integer. To restrict the minimum selectable number. Default: 0
max Integer. To restrict the maximum selectable number. Default: 9999
zeros Boolean. To show leading zeros. Default: false
keyboard Boolean. To have keyboard events enabled. Default: true
buttons Boolean. To show increment and decrement buttons. Default: true
wrap Boolean. To have the number wrap around when reaching min or max. Default: false