Responsive Number Inputs built with Bootstrap 5. Input fields refer specifically to the number input fields, which are used to obtain data from the users.

Check out [Bootstrap Number Inputs Documentation](https://mdbootstrap.com/docs/standard/extended/number-inputs/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Number inputs](/assets/basic-example.png)

```html
<div class="form-outline">
    <input type="number" id="typeNumber" class="form-control" />
    <label class="form-label" for="typeNumber">Number input</label>
</div>
```


## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Number inputs phone number:
![Bootstrap 5 Number Inputss](/assets/phone-number.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-phone-numer)

[Bootstrap Number inputs minimum and maximum:
![Bootstrap 5 Number Inputs](/assets/minimum-and-maximum.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-minimum-and-maximum)

[Bootstrap Number inputs base value:
![Bootstrap 5 Number Inputs](/assets/base-value.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-base-value)

[Bootstrap Number inputs precision:
![Bootstrap 5 Number Inputs](/assets/precision.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#section-precision)

[Bootstrap Number inputs icon:
![Bootstrap 5 Number Inputs](/assets/icon.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#subsection-icon)

[Bootstrap Number inputs unremovable postfix:
![Bootstrap 5 Number Inputs](/assets/unremovable-postfix.png)](https://mdbootstrap.com/docs/standard/extended/number-inputs/#subsection-unremovable-sign)

___

## More extended Bootstrap documentation

<ul>
<li><a href="https://mdbootstrap.com/docs/standard/forms/input-fields">Bootstrap Input fields</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/login/">Bootstrap Login form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/payment-forms/">Bootstrap Payment forms</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/credit-card/">Bootstrap Credit Card</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/comments/">Bootstrap Comments</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/chat/">Bootstrap Chat</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/bootstrap-address-form/">Bootstrap Address form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/registration/">Bootstrap Registration form</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/textarea/">Bootstrap Textarea</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/labels/">Bootstrap Labels</a></li>
</ul>