How Can I Submit a Form Using a Normal Link Instead of a Button?

Submit a Form Using a Normal Link

Instead of utilizing a conventional input button with a submit type, you may want to employ an "a" link to submit a form. This is particularly beneficial if you want to maintain a standard CSS markup for image links.

Solution:

There are two main approaches to achieve this:

Method 1: Style a Button as a Link

Create an input button element and use CSS to style it to resemble an "a" link. This allows you to retain the functionality of a button while customizing its appearance.

Method 2: Utilize a Link with "onclick"

Alternatively, you can create an "a" link and assign the following onclick event handler to it:

onclick="this.closest('form').submit();return false;"

This event handler identifies the closest parent form element to the clicked link and submits that form. Additionally, it prevents the default link behavior of navigating to a new page.

The above is the detailed content of How Can I Submit a Form Using a Normal Link Instead of a Button?. For more information, please follow other related articles on the PHP Chinese website!