How do you make the cursor automatically move the next text field after the current field is filled?

I've created a fillable form where the user will fill in specific numbers. I have text fields set up for each number and would like their cursor to automatically jump to the next fields when they fill in the first field, so they can fill in the next number. There is 1 text field for each digit of a 4-digit number - so 4 text fields.

They are all set up so the user must input a single number already.
This would be similar to a phone number, so once the area code is typed in the cursor would automatically jump to the next text field for the user to type in the next 3 digits, then the same thing would happen so they could fill in the last 4 digits.

Does anyone know how I can do this?