Within my <form>
, I have included 2 submit buttons.
The first button looks like this:
<button class="regular" id="geocodesubmit" style="height:40px;">Set Location</button>
The second button looks like this:
<button type="submit" class="regular" name="Submit Discovery">Submit</button>
I'm facing an issue where pressing enter on one of the text boxes activates the first button instead of the second. How can I make sure the second button is activated instead?
I want to prevent the first button from responding to any keypresses.
Please note that using input type="submit" is not an option for me due to the extensive CSS customization in place.