Ik ben bezig met het maken van een stappenformulier voor een offerte aanvraag.
In dit formulier komen 5 knoppen voor met de functie submit, maar elk met een ander resultaat in het vervolgscript.
De knoppen "vorige", "velden legen" en "volgende" staan direct onder het formulier.
Vorige is in stap in "DISABLED". Als ik het formulier aanklik, komt de focus voor verzenden met enter op "velden legen" te liggen, maar dit is natuurlijk niet de bedoeling.
Kan ik zorgen dat deze focus automatisch op de knop volgende komt?
De functie tabindex ken ik, en die had ik ook al geprobeerd, maar dat is niet het probleem.
Bij formulieren hoef je niet per se op de knop verzenden te klikken, of er met de tab-toets heen te gaan. Als je ergens in het formulier bezig bent (als een van de formulierelementen een focus heeft), krijgt de knop van het type submit automatisch een focus en kun je door op enter te toetsen, het formulier verzenden. Dit heeft dus met de tabindex niet te maken.
Alleen heb ik meerdere knoppen van het type submit, en hij pakt automatisch de eerste. Dit is alleen de verkeerde knop. Ik wil graag die "autofocus" aan een bepaalde knop toewijzen.
Het zal te maken hebben met de volgorde van de submitbuttons binnen het formulier. Wil je die niet aanpassen, dan zul je met JavaScript aan de gang moeten, bijvoorbeeld op het onkeyup event van de textinputs.
Ja, dan moet je inputs type button gebruiken en met JavaScript opvangen wat er gebeurt als er geklikt wordt. Dit heeft echter weer als bezwaar dat je form niet meer werkt als JS uitstaat.
