Delete Entry from Front End I have this form 

    &lt;form method="post" enctype="multipart/form-data"&gt;
        {{ csrfInput() }}
        &lt;input type="hidden" name="action" value="entries/save-entry"&gt;
        &lt;input type="hidden" name="entryId" value="{{ entry.id }}"&gt;

        &lt;div class="form-group"&gt;
          &lt;label&gt;Listing Title&lt;/label&gt;
          &lt;input type="text" name="title" class="form-control" value="{{ entry.title }}"&gt;
        &lt;/div&gt;
   &lt;/form&gt;


Is it possible to add a delete button to this form or will it have to be within another form targeting a different end point for entries?
I have a single form with a Save button and a Delete button.

The action value is set to entries/save-entry by default. However, when the user clicks the Delete button, the action value is changed to entries/delete-entry via JavaScript.

I'm using Vue.js to accomplish this as follows:

&lt;input type="hidden" name="action" id="action" v-bind:value="'entries/' + actionVal"&gt;

Delete button:

&lt;button type="submit" value="delete" v-on:click="actionVal = 'delete-entry'"&gt;Delete&lt;/button&gt;

In my Vue instance:

new Vue({
    el: '#app',
    delimiters: ['${', '}'],
    data: {
        actionVal: 'save-entry'
    },
});