|
|
The The form-data can be sent as URL variables (with The default HTTP method when submitting form data is GET. |
Example of The get Method Attribute in HTML Form
This example uses the GET method when submitting the form data:
index.html
Example:
HTML
<form action="/action_page.php" target="_blank" method="get">
Full Example of The get Method Attribute in HTML Form
This example uses the GET method when submitting the form data:
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h2>The method Attribute</h2>
<p>This form will be submitted using the GET method:</p>
<form action="/action_page.php" target="_blank" method="get">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
<p>After you submit, notice that the form values is visible in the address bar of the new browser tab.</p>
</body>
</html>
Output should be:
Example of The post Method Attribute in HTML Form
This example uses the POST method when submitting the form data:
index.html
Example:
HTML
<form action="/action_page.php" method="post">
Full Example of The post Method Attribute in HTML Form
This example uses the POST method when submitting the form data:
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h2>The method Attribute</h2>
<p>This form will be submitted using the POST method:</p>
<form action="/action_page.php" target="_blank" method="post">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
<p>After you submit, notice that, unlike the GET method, the form values is NOT visible in the address bar of the new browser tab.</p>
</body>
</html>
Output should be:
Notes on GET:
- Appends the form data to the URL, in name/value pairs
- NEVER use GET to send sensitive data! (the submitted form data is visible in the URL!)
- The length of a URL is limited (2048 characters)
- Useful for form submissions where a user wants to bookmark the result
- GET is good for non-secure data, like query strings in Google
Notes on POST:
- Appends the form data inside the body of the HTTP request (the submitted form data is not shown in the URL)
- POST has no size limitations, and can be used to send large amounts of data.
- Form submissions with POST cannot be bookmarked
Tip: Always use POST if the form data contains sensitive or personal information!
Reffered: https://www.w3schools.com/html/html_forms_attributes.asp
| How to create HTML Action Attribute | HTML Form Attributes |
| How to add HTML Target Attribute in Form Action | HTML Form Attributes |
| How to create The Method Attribute in HTML Form | HTML Form Attributes |
| How to create Autocomplete Attribute for HTML Form | HTML Form Attributes |
| What is HTML The Novalidate Attribute for HTML form and How to create it | HTML Form Attributes |
| Example of The get Method Attribute in HTML Form | HTML Form Attributes |
| Full Example of The get Method Attribute in HTML Form | HTML Form Attributes |
| Example of The post Method Attribute in HTML Form | HTML Form Attributes |
| Full Example of The post Method Attribute in HTML Form | HTML Form Attributes |
| Notes on GET: | HTML Form Attributes |
| Notes on POST: | HTML Form Attributes |
Read Full: | HTML Form Attributes |
Category: | Web Tutorial |
Sub Category: | HTML Form Attributes |
Uploaded: | 1 year ago |
Uploaded by: | Admin |
Views: | 34 |