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">
<label>
Username
<input type="text" name="username" />
</label>
<label>
Password
<input type="password" name="password" />
</label>
<button type="submit">Submit</button>
</form>

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>
</form>

This form will submit a GET request to Google Search.

<form action="https://google.com/search">
<input
aria-label="search"
type="text"
name="q"
/>
<button type="submit">Search</button>
</form>