The default type attribute of the button element is “submit”. That means it submits the form and refreshes the page when you click the button.
<button> Click </button>
If you add this button inside the HTML form, the form gets submitted every time the user clicks on the button.
If you want to avoid refreshing the page or not submitting the form, change the default type attribute value to “button”.
<button type="button"> Click </button>
This is a handy feature when you want to create the button inside an HTML form and don’t want to submit the form by clicking the button.
Also, check best programming practices for web form design.
If you have any doubt, write in the comment section below.
I am a Python enthusiast who loves Linux and Vim. I hold a Master of Computer Science degree from NIT Trichy and have 10 years of experience in the IT industry, focusing on the Software Development Lifecycle from Requirements Gathering, Design, Development to Deployment. I have worked at IBM, Ericsson, and NetApp, and I share my knowledge on CSEstack.org.
