HTML.form.guide

html5 form

How to Handle a Form without an Action or Method Attribute

It’s not uncommon to come across form code that doesn’t have an action or method attribute visible in the HTML. Here’s an example: <form id="subscription"> ... <button type="submit" >Submit</button> </form> Surprisingly, the form can still be submitted, and you will receive a message to that effect. So, how does this work? Handling forms using JavaScript The trick is to use JavaScript to capture the form submission event. The JavaScript code collects the form data and sends it to the server, displaying an appropriate message to the user.

Continue Reading →

How to setup HTML form action attribute with query parameters

What if you set query parameters in the action attribute of an HTML form? Let us find out. For example: <form action="https://show.ratufa.io?ref=contact&type=query" method="post"> ... ... </form> Here we have two query parameters in the action attribute of the form. Let us try doing it: See the Pen HTML form action with parameters on CodePen. If we try entering some values and submitting the form above, you will see that the server side does receive the query parameters ref and type.

Continue Reading →

How to submit a form without reloading the page using PHP

PHP is a server-side scripting language. You can’t use PHP to affect the behaviour on the client side (browser). To handle form submission on the client side, you need Javascript. Here is how you can submit a form without refreshing the page: Handle the form “submit” event using a bit of Javascript code. The form “submit” event is fired by the browser when the user clicks the submit button in the form.

Continue Reading →