Submitting a form

Last updated January 14, 2022 by Jacob Paris

When a user submits a form, the browser will send a request to the current route. By default, this is a GET request. The request type can be set using either method="get" or method="post".

<form method="post">
<input type="text" name="username" />
<input type="password" name="password" />
<button type="submit">Submit</button>

You can change the route for the submission with the action attribute. This is useful for submitting forms to other pages.

<form action="/"></form>
<form action="/app/products/new"></form>

This can be used to make a log out button

<form method="post" action="/logout">
<button type="submit">Log out</button>

This form will submit a GET request to Google Search.

<form action="">
<button type="submit">Search</button>