I have a very simple webform that submits multiple entries when clicking submit. At least twice and often more.
I’m using an HTML element to suppress the original submit button so I can display one inline:
Code in HTML box is:
<div><button id="subbutton" onclick="document.getElementById('gform_submit_button_1').click();" style="height: 2.5rem;padding:0 1rem;font-size:1rem;">
SUBMIT
</button>
</div>
<style type="text/css">
#gform_wrapper_1 .gform_footer { visibility: hidden; position: absolute; left: -100vw; }
#gform_submit_button_1 {
visibility: hidden;
}
#subbutton {
border-style: solid;
color: #ffffff;
background-color: #007f6e;
font-size: 1em;
padding-left: 30px;
padding-right: 30px;
padding-top: 6px;
padding-bottom: 6px;
border-width: 0px;
width: 100%;
}
</style>
