TLDR: Use the step attribute in HTML to control numeric increments, allowing customization of decimal precision. The pattern attribute can enforce specific formats but lacks built-in UI controls. step is ideal for numerical inputs, while pattern is better for complex text validation. Both can show validation states in CSS.
https://piccalil.li/blog/using-the-step-and-pattern-attributes-to-make-number-inputs-more-useful/