- Should save button be on left or right?
- Where do I put the Save button?
- Where do you put buttons on forms?
- Does a button have to be inside a form?
Should save button be on left or right?
Considering that your users will typically navigate to one category, make a change, then click Save Changes, I think placing the button at the bottom/left is best. If your users were frequently making changes across multiple categories, then you'd have a good argument for placing the button at the top.
Where do I put the Save button?
Right: 'save and exit' button next to the primary button (good). Sometimes users might need to save their progress on a long form. Putting the 'save and exit' button above the primary button implies it's more important, when it isn't.
Where do you put buttons on forms?
Full page designs should have the primary button on the left side of the page. If the browser window is large, or you have to scroll down to fill out a form, it's best to have the primary button right below the last bit of content on the page.
Does a button have to be inside a form?
You can tie a submit button to a form that the button doesn't live inside of. The trick is to give the form an id and then reference that id with the button's form property. With this setup, clicking the Submit button will cause the form to be submitted. See the MDN Button docs for more details.