Can we organize cursor focusing order when press tab key in html form

Question

Is there a way to control the cursor next focusing order when pressing TAB Key.

Here is my UI and it is using different controllers (input(text/number), dropdown). I want control focusing order (when press TAB Key) RequestNo--> Date--> PaymentNo-->PaymentCategory somthing like order. Only I could found way for the controls

Can anyone suggest me a direction?

Answer 1

You can use the tabindex global attribute to specify the keyboard navigation ordering.

For example:

<input type="text" name="requestNo" tabindex="1">
<input type="date" name="data" tabindex="2">
<input type="text" name="paymentNumber" tabindex="3">
...

You can learn more about tabindex in here