HTML Form Action - POST and GET (With Examples)

Thank you for printing our content at www.domain-name.com.
Please check back soon for new

contents.
Try hands-on coding with

36% (https://programiz.pro?utm_source=sticky-
Programiz PRO!
off banner&utm_campaign=programiz&utm_medium=referral)
Claim Discount Now
Programiz (https://programiz.pro?utm_source=nav-
PRO
Search...
floating&utm_campaign=programiz&utm_medium=referral)
(/)
www.domain-name.com
HTML Form Action: POST

and GET
The method attribute in the <form> element specifies
how the data is sent to the server.
HTTP methods declare what action is to be performed on

the data that is submitted to the server. HTTP Protocol
provides several methods, and the HTML Form element is
able to use two methods to send user data:
GET method - used to request data from a specified

resource
POST method - used to send data to a server to update

a resource
The GET Method

The HTML GET method is used to get a resource from the
server. For example,
Thank you for printing our content at www.domain-name.com. Please check back soon for new
contents.
<form method="get" action="www.programiz.com/search">
<input type="search" name="location" placeholder="Sea
36% <input type="submit" value="Go" />
(https://programiz.pro?utm_source=sticky-
Programiz PRO!
off </form> banner&utm_campaign=programiz&utm_medium=referral)
Claim Discount Now
PRO
Search...
(/)
When we submit the above form by entering California
www.domain-name.com
in the input field, the request sent to the server will be
www.programiz.com/search/?location=California .
The HTTP GET method adds a query string at the end of

the URL to send data to the server. The query string is in
the form of key-value pair followed by ? symbol.
___
NI‌‌SI
BASHIRI‌‌SASA‌
From the URL, the server can parse the user-submitted

value where:
key - location
value - California
Note: If there is more than one query, the query

string will be separated by a & symbol.
The POST method
contents.
The HTTP POST method is used to send data to the server
Programizfor further processing. banner&utm_campaign=programiz&utm_medium=referral)
PRO! For example,
off
Claim Discount Now
Search...
PRO floating&utm_campaign=programiz&utm_medium=referral)
(/)
<form method="post" action="www.programiz.com/user">
www.domain-name.com
<label for="firstname">First name:</label>
<input type="text" name="firstname" /><br />
<label for="lastname">Last name:</label>
<input type="text" name="lastname" /><br />
<input type="submit" />
</form>
When we submit the form, it will add the user input data to
the body of the request sent to the server. The request
would look like
POST /user HTTP/2.0

Host: www.programiz.com
Content-Type: application/x-www-form-urlencoded
Content-Length: 33
firstname=Robin&lastname=Williams
The data sent is not easily visible to the user. However, we

can check the sent data using special tools like the
browsers' dev tools.
GET vs POST
GET POST
Data sent with the GET method Data sent with the POST
is visible in the URL. method is not visible.
Thank you for printing
GETour content
requests at be
can www.domain-name.com. Pleasecan't
POST requests checkbeback soon for new
contents. bookmarked. bookmarked.

POST requests can't be
Programiz GET
PRO! requests can be cached.
cached.
Claim Discount Now
Search...
PRO GET requests have a character POST requests do not have
(/)
limit of 2048 characters. a limit.
www.domain-name.com
Only ASCII characters are All data is allowed in POST

allowed in GET requests. request
Next Tutorial:
(/html/semantic-html)
Semantic HTML
Previous Tutorial:
(/html/input)
HTML Input
Related Tutorials
Programming
contents.
HTML Form
Programiz PRO!
Claim Discount Now
Search...
PRO (/html/form)
(/)
Programming www.domain-name.com
HTML Input Tag
(/html/input)
Programming
HTML Form Elements
(/html/form-elements)
Programming
CSS Form Styling
(/css/form-styling)

HTML Form Action - POST and GET (With Examples)

Uploaded by

HTML Form Action - POST and GET (With Examples)

Uploaded by

Thank you for printing our content at www.domain-name.com.

Please check back soon for new

Try hands-on coding with

HTML Form Action: POST

HTTP methods declare what action is to be performed on

GET method - used to request data from a specified

POST method - used to send data to a server to update

The GET Method

The HTTP GET method adds a query string at the end of

From the URL, the server can parse the user-submitted

Note: If there is more than one query, the query

POST /user HTTP/2.0

The data sent is not easily visible to the user. However, we

Try hands-on coding with

Only ASCII characters are All data is allowed in POST

HTML Input Tag

HTML Form Elements

CSS Form Styling

You might also like