I'm working on a web app that allows the user to enter a timing value in a range from 0s to 1s with a step of 200ns (yes, nanoseconds).
I tried that with an input of type range (slider) but that's not working very well. My problem is that I have to decide what unit to use. If I go for µs I have to show values from 0 to 1,000,000µs with steps of 0.2µs which does not look very good. Also there's the issue that it's obviously impossible to slide from 500.0 to 500.2 as there are too many steps available on too few graphical space...
So I'm thinking about sth. like using four input boxes, one for every scaled unit:
[s] [ms] [µs] [ns]
What do you think? Are there better ways to accomplish what I'm trying to do? What about dropdowns or a single input field that has to be parsed?