How to automatically switch focus of input elements on html form?

Question

I have a html form with three inputs for phone number input. I want a cursor to move to next input after the current one is filled.

Like you entered 3 digits in first box than cursor moves to second and after it is filled moves to 3rd.

Is it possible to accomplish this without javascript?

Answer 1

I don't condone auto-tabbing, I think it irritates & confuses some users, but here's one way to do it in "Obtrusive JavaScript": http://www.javascriptkit.com/script/script2/autotab.shtml

I'm not a big fan of having 3 inputs for 1 phone number, because then you have to write extra code to combine them. It just seems illogical, inputs & data should have a 1:1 ratio.