Textbox to input numbers

[tullio0106]

I need, if possible, to use textbox (or numeric textbox) in order to introduce only numbers in a given field (may be integer or not).
I tried with numericTextBox but it accepts also alphabetic chars.
In the overview of TextBox I read about a formtted input but I didn’t find an example.
Could You help me ?
Tks

[yavordashew]

Hi tullio0106,
If you want to introduce only numbers in the input you will have to use NumberInput component and the reason for the NumericInput to introduce characters is that it can be used with ‘#’ or ‘kg’ signs for example.
Here is a link for the NumberInput component demo:
https://www.htmlelements.com/demos/input/number-input/
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[tullio0106]

Could You explain me better the difference between Inputs and the equivalent “non input” components (e.g. NumberInput and NumericTextbox).
Tks

[admin]

Hi tullio0106,
The difference is that NumericTextBox is a much more advanced component suitable for engineering applications and not only. It supports as visible from the demos Engineering formats such as SI Notation – https://www.htmlelements.com/demos/numerictextbox/scientific-notation/, Complex Numbers: https://www.htmlelements.com/demos/numerictextbox/complex-support/. NumberInput is more basic component suitable for editing only simple numerics.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[tullio0106]

I just need to introduce simple numbers.
Is it possible in numeric input eliminate spinner buttons ?
I just need to intorduce numbers and avoid to intoduce non numeric characters.
Tks

[admin]

Hi tullio0106,
You can hide it by using CSS like. The “.nav.smart-drop-down-button” CSS class is applied to the spinner.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts