<ActionForm/> ---- multiple inputs, automatically moving focus, and set input to " " after submit

[yingweixiang]

I have several input areas on the . it's used to insert records into a database.
questions:

1. how to let the cursor/focus jump automatically into next input area ? (like, using a scanner to scan 3 barcodes into 3 input areas).
2. how to reset the input areas to "" ?

I'm new to leptos, thanks for your help.

[gbj]

With respect to its children, it is simply a wrapper around a regular <form> -- you can do this the same way you would with any JavaScript frontend framework.

That is to say: I don't know specifically how you'd implement it, but I assume some combination of

• on:change or on:input to detect when you've set each input to its value
• a NodeRef (or an element with an id) to get the next element, and then .focus() to focus it
• you could use prop:value to set the values to "" reactively, or set_value to do it imperatively

These chapters of the docs will be useful to read if you have not read them:

• Forms and Inputs
• The web-sys chapter

[yingweixiang]

Thanks for your kind help.
I'll read those chapters in detail.