Why Should You Use OnSubmit() Instead Of OnClick() Event Listener

Let's say this is my React form component: function Form() { function handleSubmit(e) { e.preventDefault(); } return ( <form onSubmit={handleSubmit}> <input type="text" placeholder="Type anything..."/> <button>Submit</button...