title: html form two buttons only one to submit
body: <p>I have a form with two buttons. The save changes button is the submit button but the delete button should not submit once clicked. The delete button should open a modal and in the modal there are two more buttons, one to go back(close modal) and one to finalize the delete. My issue is that as soon as the delete button is clicked on, the form thinks I want to submit which I don't. How could I get around this? Thank you</p>
  <pre><code>&lt;form&gt;
            &lt;div class=&quot;mailing-address&quot;&gt;
              &lt;p&gt;Mailing Address&lt;/p&gt;
              &lt;div class=&quot;form3&quot;&gt;
                &lt;span class=&quot;edit-mailing1&quot;&gt;
                  &lt;span&gt;
                    &lt;input type=&quot;text&quot; required placeholder=&quot;Name&quot; v-model=&quot;editFormData.name&quot; /&gt;
                    &lt;input type=&quot;text&quot; required placeholder=&quot;Email&quot; v-model=&quot;editFormData.email&quot; /&gt;
                  &lt;/span&gt;
                  &lt;input type=&quot;text&quot; required placeholder=&quot;Address Line 1&quot; v-model=&quot;editFormData.address1&quot; /&gt;
                  &lt;input type=&quot;text&quot; placeholder=&quot;Address Line 2&quot; v-model=&quot;editFormData.address2&quot; /&gt;
                &lt;/span&gt;
                &lt;span class=&quot;edit-mailing2&quot;&gt;
                  &lt;input type=&quot;text&quot; required placeholder=&quot;Phone Number&quot; v-model=&quot;editFormData.phone&quot; /&gt;
                  &lt;input type=&quot;text&quot; required placeholder=&quot;City&quot; v-model=&quot;editFormData.city&quot; /&gt;
                  &lt;span&gt;
                    &lt;SelectBox v-model=&quot;editFormData.state&quot; /&gt;
                    &lt;input type=&quot;text&quot; required placeholder=&quot;Zip&quot; v-model=&quot;editFormData.zip&quot; /&gt;
                  &lt;/span&gt;
                &lt;/span&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;edit-section-footer&quot;&gt;
              &lt;CheckboxSlider v-model=&quot;editFormData.vip&quot; :userId=&quot;editFormData.id&quot; :reloadTable=&quot;reloadTable&quot; /&gt;
              &lt;span&gt;
                &lt;button class=&quot;button red&quot; @click=&quot;isModalOpen = true&quot;&gt;Delete User&lt;/button&gt;
                &lt;button class=&quot;button&quot;&gt;Save Changes&lt;/button&gt;
              &lt;/span&gt;
            &lt;/div&gt;
          &lt;/form&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/CDmsM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CDmsM.png" alt="enter image description here" /></a></p>